Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -44,12 +44,12 @@ export default function LandingPage() {
       <div id="hero" data-section="hero">
         <HeroLogo
           logoText="Coordinate"
-          description="Premium family apparel designed for parents and kids who prioritize both style and quality. Matching collections that let you coordinate confidently."
+          description="Experience family moments that matter. Create cherished memories with coordinated style—premium apparel designed for parents and kids who value both quality and togetherness, with matching collections that let your family express themselves together."
           buttons={[
             { text: "Explore Collections", href: "products" },
-            { text: "Learn Our Story", href: "about" }
+            { text: "Discover Our Story", href: "about" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg?_wi=1"
           imageAlt="Family in coordinated apparel"
           showDimOverlay={true}
         />
@@ -64,10 +64,11 @@ export default function LandingPage() {
             { value: "5000+", title: "Happy Family Sets Sold" },
             { value: "100%", title: "Premium Quality Assured" }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg?_wi=2"
           imageAlt="Family coordination showcase"
           useInvertedBackground={false}
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
@@ -169,7 +170,7 @@ export default function LandingPage() {
           tag="Help & Support"
           faqs={[
             {
-              id: "1",              title: "How do sizing and coordination work?",              content: "Each coordinated set includes carefully selected sizes that work together. We provide a detailed sizing chart for each collection. Adult sizes range XS-3XL, and kids' sizes run from newborn through teen. Our fitting guides help ensure perfect coordination across all family members."
+              id: "1",              title: "How do sizing and coordination work?",              content: "Our detailed <a href=\"#sizing-guide\" style=\"text-decoration: underline; font-weight: 500;\">sizing guide</a> helps ensure perfect family coordination."
             },
             {
               id: "2",              title: "What makes your apparel premium quality?",              content: "We use 100% organic cotton and sustainable fabric blends, ethically sourced and manufactured. Every piece undergoes quality testing to ensure durability and comfort. Our fabrics are pre-shrunk and designed to maintain their appearance through countless washes."
@@ -208,7 +209,7 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/mother-with-her-children-backyard_1303-22039.jpg?_wi=3"
           imageAlt="Family in coordinated Coordinate apparel"
           logoText="Coordinate"
           copyrightText="© 2024 Coordinate | Premium Family Apparel"