Switch to version 2: modified src/app/page.tsx

src/app/page.tsx

@@ -37,7 +37,7 @@ export default function Page() {
       <div id="home" data-section="home">
         <HeroLogo 
           logoText="Webild" 
-          description="Build beautiful, responsive web applications in minutes with our modular component library." 
+          description="Welcome to our site" 
           buttons={[{ text: "Get Started", href: "#" }]} 
         />
       </div>
@@ -56,14 +56,12 @@ export default function Page() {
           description="Our mission is simple." 
           metrics={[{ value: '100%', title: 'Happiness' }]} 
           useInvertedBackground={false}
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
         />
       </div>
       <div id="menu" data-section="menu">
         <ProductCardThree
           products={[{ id: '1', name: 'Product 1', price: '$10', imageSrc: '/placeholder.png' }, { id: '2', name: 'Product 2', price: '$20', imageSrc: '/placeholder.png' }, { id: '3', name: 'Product 3', price: '$30', imageSrc: '/placeholder.png' }]} 
-          gridVariant="one-large-left-three-stacked-right"
+          gridVariant="uniform-all-items-equal"
           animationType="slide-up"
           textboxLayout="default"
           title="Our Menu"