tidy up `sites` branch (#8671)

* remove VITE_API_BASE stuff

* use site-kit <Section> component

* remove comments

---------

Co-authored-by: Rich Harris <git@rich-harris.dev>

sites/svelte.dev/src/routes/+page.svelte

@@ -30,8 +30,6 @@
 			Svelte shifts as much work as possible out of the browser and into your build step. No more
 			manual optimisations — just faster, more efficient apps.
 		</p>
-
-		<!-- <a href="/blog/write-less-code" class="cta">learn more</a> -->
 	</div>
 
 	<div slot="two">
@@ -40,8 +38,6 @@
 			Write breathtakingly concise components using languages you already know — HTML, CSS and
 			JavaScript. Oh, and your application bundles will be tiny as well.
 		</p>
-
-		<!-- <a href="/blog/virtual-dom-is-pure-overhead" class="cta">learn more</a> -->
 	</div>
 
 	<div slot="three">
@@ -50,8 +46,6 @@
 			Built-in scoped styling, state management, motion primitives, form bindings and more — don't
 			waste time trawling npm for the bare essentials. It's all here.
 		</p>
-
-		<!-- <a href="/blog/svelte-3-rethinking-reactivity" class="cta">learn more</a> -->
 	</div>
 </Blurb>
 

sites/svelte.dev/src/routes/_components/Demo.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Example from './Example.svelte';
-	import Section from './Section.svelte';
+	import { Section } from '@sveltejs/site-kit/components';
 
 	const examples = [
 		{

sites/svelte.dev/src/routes/_components/Section.svelte

@@ -1,16 +0,0 @@
-<section>
-	<div class="inner"><slot /></div>
-</section>
-
-<style>
-	section {
-		padding: 10rem 0;
-		background: var(--background, var(--sk-back-2));
-	}
-
-	.inner {
-		max-width: 120rem;
-		padding: 0 var(--sk-page-padding-side);
-		margin: 0 auto;
-	}
-</style>

sites/svelte.dev/src/routes/_components/Supporters/index.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Section from '../Section.svelte';
+	import { Section } from '@sveltejs/site-kit/components';
 	import contributors from './contributors.js';
 	import donors from './donors.js';
 </script>

sites/svelte.dev/src/routes/_components/WhosUsingSvelte/index.svelte

@@ -1,5 +1,5 @@
 <script>
-	import Section from '../Section.svelte';
+	import { Section } from '@sveltejs/site-kit/components';
 	import { companies } from './companies.js';
 	import { theme } from '@sveltejs/site-kit/components';
 
@@ -8,7 +8,7 @@
 
 <Section --background={$theme.current === 'light' ? 'var(--sk-back-4)' : '#222'}>
 	<section class="whos-using-svelte-container" class:dark={$theme.current === 'dark'}>
-		<h3>Who's using svelte?</h3>
+		<h3>Who's using Svelte?</h3>
 		<div class="logos">
 			{#each sorted as { href, filename, alt, style, invert, width, height }}
 				<a target="_blank" rel="noreferrer" {href} class:invert style={style || ''}>

sites/svelte.dev/vite.config.js

@@ -1,10 +1,6 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import * as fs from 'fs';
 
-process.env.VITE_API_BASE = process.env.DOCS_PREVIEW
-	? 'http://localhost:8787'
-	: 'https://api.svelte.dev';
-
 const plugins = [raw(['.ttf']), sveltekit()];
 
 // Only enable sharp if we're not in a webcontainer env