fix(docs): update marketing page to make vite+ oss (#669)

Changes to docs home page:

- CTA button → get started to docs
- Animation → down to bottom above footer.
- Bring up terminal as hero image
- Remove “everything you love about vite” section
- Remove enterprise section
- Remove pricing. Replace with free & open source

---------

Co-authored-by: mdong1909 <mdong1909@users.noreply.github.com>
Co-authored-by: Copilot <198982749+Copilot@users.noreply.github.com>
Co-authored-by: Brooooooklyn <3468483+Brooooooklyn@users.noreply.github.com>
Co-authored-by: LongYinan <lynweklm@gmail.com>

Author: 3 people

docs/.vitepress/theme/components/Footer.vue

@@ -1,5 +1,10 @@
 <template>
   <footer class="bg-primary" data-theme="dark">
+    <Sponsors
+      description="Vite+ is free and open source, made possible by a full-time team and passionate open-source contributors."
+      sponsorLinkText="Contribute"
+      sponsorLink="https://github.com/voidzero-dev/vite-plus/blob/main/CONTRIBUTING.md"
+    />
     <section class="wrapper">
       <div
         class="bg-wine bg-[url(/cta-background.jpg)] bg-cover py-16 md:py-30 px-5 md:px-0 overflow-clip flex flex-col items-center justify-center gap-8 md:gap-12"
@@ -121,4 +126,6 @@
 </template>
 
 <style scoped></style>
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import Sponsors from '@components/oss/Sponsors.vue';
+</script>

docs/.vitepress/theme/components/home/Hero.vue

@@ -26,64 +26,8 @@
       </div>
     </div>
   </div>
-  <div class="wrapper md:border-none mt-10 md:mt-0">
-    <RiveAnimation
-      :desktop-src="homepageAnimation"
-      :mobile-src="homepageAnimationMobile"
-      :desktop-width="1280"
-      :desktop-height="580"
-      :mobile-width="253"
-      :mobile-height="268"
-      canvas-class="w-full"
-    />
-  </div>
 </template>
 
-<script setup lang="ts">
-import RiveAnimation from '@components/shared/RiveAnimation.vue';
-import homepageAnimation from '@local-assets/animations/1280_x_580_vite+_masthead.riv';
-import homepageAnimationMobile from '@local-assets/animations/253_x_268_vite+_masthead_mobile.riv';
-
-const smoothScrollTo = (e: Event, targetId: string) => {
-  e.preventDefault();
-  e.stopPropagation();
-
-  const element = document.getElementById(targetId);
-  if (!element) {
-    return;
-  }
-
-  const elementPosition = element.getBoundingClientRect().top + window.scrollY;
-  const offsetPosition = elementPosition;
-
-  // Custom smooth scroll with requestAnimationFrame
-  const startPosition = window.scrollY;
-  const distance = offsetPosition - startPosition;
-  const duration = 800; // ms
-  let startTime: number | null = null;
-
-  const animation = (currentTime: number) => {
-    if (startTime === null) {
-      startTime = currentTime;
-    }
-    const timeElapsed = currentTime - startTime;
-    const progress = Math.min(timeElapsed / duration, 1);
-
-    // Easing function (easeInOutCubic)
-    const ease =
-      progress < 0.5 ? 4 * progress * progress * progress : 1 - Math.pow(-2 * progress + 2, 3) / 2;
-
-    window.scrollTo(0, startPosition + distance * ease);
-
-    if (progress < 1) {
-      requestAnimationFrame(animation);
-    }
-  };
-
-  requestAnimationFrame(animation);
-};
-</script>
-
 <style scoped>
 .shine-text {
   background: linear-gradient(

docs/.vitepress/theme/components/home/HeroRive.vue

@@ -0,0 +1,19 @@
+<template>
+  <div class="wrapper md:border-none mt-10 md:mt-0">
+    <RiveAnimation
+      :desktop-src="homepageAnimation"
+      :mobile-src="homepageAnimationMobile"
+      :desktop-width="1280"
+      :desktop-height="580"
+      :mobile-width="253"
+      :mobile-height="268"
+      canvas-class="w-full"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import RiveAnimation from '@components/shared/RiveAnimation.vue';
+import homepageAnimation from '@local-assets/animations/1280_x_580_vite+_masthead.riv';
+import homepageAnimationMobile from '@local-assets/animations/253_x_268_vite+_masthead_mobile.riv';
+</script>

docs/.vitepress/theme/components/home/Terminal.vue

@@ -118,7 +118,7 @@ onUnmounted(() => {
           ]"
           style="transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1)"
         >
-          <TabsTrigger value="tab1"> new </TabsTrigger>
+          <TabsTrigger value="tab1"> create </TabsTrigger>
           <TabsTrigger value="tab2"> dev </TabsTrigger>
           <TabsTrigger value="tab3"> lint </TabsTrigger>
           <TabsTrigger value="tab4"> fmt </TabsTrigger>

docs/.vitepress/theme/layouts/Home.vue

@@ -20,15 +20,16 @@ import FeatureFormat from '../components/home/FeatureFormat.vue';
 import FeatureRun from '../components/home/FeatureRun.vue';
 import FeatureUI from '../components/home/FeatureUI.vue';
 import FeatureLib from '../components/home/FeatureLib.vue';
+import HeroRive from '../components/home/HeroRive.vue';
 </script>
 
 <template>
   <Hero />
   <!-- <PartnerLogos /> -->
-  <HeadingSection1 />
+  <!-- <HeadingSection1 /> -->
   <Terminal />
   <CoreFeature3Col />
-  <HeadingSection2 />
+  <!-- <HeadingSection2 /> -->
   <ProductivityGrid />
   <section id="features" data-theme="dark" class="bg-primary">
     <HeadingSection4 />
@@ -44,9 +45,11 @@ import FeatureLib from '../components/home/FeatureLib.vue';
   <HeadingSection3 />
   <Fullstack2Col />
   <Spacer />
+  <HeroRive />
+  <Spacer />
   <!--
   <Testimonials/>
   <Spacer/>
   -->
-  <Pricing />
+  <!-- <Pricing /> -->
 </template>