Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import TextAbout from '@/components/sections/about/TextAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
 
 export default function LandingPage() {
   return (
@@ -30,26 +30,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "home" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "home",
+        { name: "Departments", id: "features" },
-        },
+        { name: "Shop", id: "products" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Departments",
-          id: "features",
-        },
-        {
-          name: "Shop",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Frazee Family Foods"
     />
@@ -59,21 +44,21 @@ export default function LandingPage() {
       <HeroLogo
       logoText="Frazees Hometown Grocery Store"
       description="Fresh food. Friendly faces. Everything you need—right here in town. Skip the long drives and shop where people know your name."
-      buttons={[
+      buttons={[{ text: "Visit Us Today", href: "#contact" }]}
-        {
-          text: "Visit Us Today",
-          href: "#contact",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/happy-family-with-child-buying-food_171337-2368.jpg"
       imageAlt="Frazee Family Foods store exterior"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <AboutMetric
-      useInvertedBackground={true}
       title="Your Trusted Hometown Grocery Destination"
+      metrics={[
+          { label: "Fresh produce delivered daily", value: "100%", icon: undefined as any },
+          { label: "Years serving the community", value: "25+", icon: undefined as any },
+          { label: "Local products featured", value: "500+", icon: undefined as any }
+      ]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -84,21 +69,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Premium Meat Counter", description: "Expertly cut meats for your family table.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-cutting-meat-dark-surface_179666-44099.jpg" },
-          title: "Premium Meat Counter",
+        { title: "Farm Fresh Produce", description: "Locally sourced fruits and vegetables daily.", imageSrc: "http://img.b2bpic.net/free-photo/collection-homegrown-vegetables-flowers-after-harvest-fro_181624-58049.jpg" },
-          description: "Expertly cut meats for your family table.",
+        { title: "Daily Baked Goods", description: "Fresh pastries and bread baked with care.", imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-cutting-meat-dark-surface_179666-44099.jpg",
-        },
-        {
-          title: "Farm Fresh Produce",
-          description: "Locally sourced fruits and vegetables daily.",
-          imageSrc: "http://img.b2bpic.net/free-photo/collection-homegrown-vegetables-flowers-after-harvest-fro_181624-58049.jpg",
-        },
-        {
-          title: "Daily Baked Goods",
-          description: "Fresh pastries and bread baked with care.",
-          imageSrc: "http://img.b2bpic.net/free-photo/loaves-bread-with-price-tag_23-2147975216.jpg",
-        },
       ]}
       title="Freshness You Can Trust"
       description="We take pride in offering the highest quality fresh foods in town."
@@ -106,48 +79,15 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardThree
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "Prime Steak Cuts", price: "", variant: "Freshly butchered", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg" },
-          id: "p1",
+        { id: "p2", name: "Organic Honeycrisp Apples", price: "", variant: "Locally grown", imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg" },
-          name: "Prime Steak Cuts",
+        { id: "p3", name: "Farm Fresh Large Eggs", price: "", variant: "Free range", imageSrc: "http://img.b2bpic.net/free-photo/eggs-halved-onion-mushroom-lemon-eggs-gray-kitchen-worktop_23-2148062419.jpg" },
-          price: "$12.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-red-meat-wooden-cutting-board-garlic-green-pepper-fork-knife-dark-background_140725-140809.jpg",
-        },
-        {
-          id: "p2",
-          name: "Organic Honeycrisp Apples",
-          price: "$3.49",
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-red-apple-basket-wooden-table_53876-96847.jpg",
-        },
-        {
-          id: "p3",
-          name: "Farm Fresh Large Eggs",
-          price: "$4.25",
-          imageSrc: "http://img.b2bpic.net/free-photo/eggs-halved-onion-mushroom-lemon-eggs-gray-kitchen-worktop_23-2148062419.jpg",
-        },
-        {
-          id: "p4",
-          name: "Artisanal Sourdough Loaf",
-          price: "$5.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hold-tray-mini-pizzas-with-sausages_141793-12546.jpg",
-        },
-        {
-          id: "p5",
-          name: "Fresh Harvest Carrots",
-          price: "$2.19",
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetables_23-2148023504.jpg",
-        },
-        {
-          id: "p6",
-          name: "Canned Essentials Variety",
-          price: "$1.99",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-shopping-carts-with-delicious-veggies_23-2148290749.jpg",
-        },
       ]}
       title="Today's Favorites"
       description="Explore our curated selection of high-quality essentials."
@@ -160,41 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Sarah J.", role: "Local Parent", testimonial: "The freshest produce in town, always friendly faces!", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-paper-bag-vegetables_23-2148074744.jpg" },
-          id: "t1",
+        { id: "t2", name: "Robert B.", role: "Frequent Shopper", testimonial: "Best butcher counter for miles. Exceptional quality.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-smiling-grocery-store_23-2148766526.jpg" },
-          name: "Sarah J.",
+        { id: "t3", name: "Emily D.", role: "Home Cook", testimonial: "Such a convenient local spot with amazing variety.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-shopping-supermarket_23-2148643888.jpg" },
-          role: "Local Parent",
-          testimonial: "I love the personalized service at Frazees. It saves me so much time!",
-          imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-giving-groceries-order-customer_23-2149950113.jpg",
-        },
-        {
-          id: "t2",
-          name: "Robert B.",
-          role: "Frequent Shopper",
-          testimonial: "The meat department is hands-down the best quality in our town.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-multiethnic-couple-with-shopping-cart-supermarket_23-2148216116.jpg",
-        },
-        {
-          id: "t3",
-          name: "Emily D.",
-          role: "Home Cook",
-          testimonial: "Fresh, local produce that you just can't find at big-box stores.",
-          imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-excited-family_171337-2237.jpg",
-        },
-        {
-          id: "t4",
-          name: "Mark L.",
-          role: "Community Member",
-          testimonial: "Supporting local family businesses is important to me, and Frazees makes it easy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg",
-        },
-        {
-          id: "t5",
-          name: "Lisa M.",
-          role: "Loyal Customer",
-          testimonial: "Friendly staff, great prices, and always a smile. Couldn't ask for more.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-chooses-fruits-vegetables-supermarket_169016-19670.jpg",
-        },
       ]}
       title="Voices from Our Community"
       description="Hear what our friends and neighbors say about shopping at Frazees."
@@ -202,48 +110,41 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitText
-      textboxLayout="split"
+      sideTitle="Common Questions"
-      useInvertedBackground={true}
+      sideDescription="We are always here to help you get the most out of your shopping experience."
       faqs={[
-        {
+        { id: "q1", title: "What are your store hours?", content: "We are open daily from 8 AM to 8 PM." },
-          id: "q1",
+        { id: "q2", title: "Do you offer local delivery?", content: "Yes, we offer local delivery for our senior community members." },
-          title: "What are your store hours?",
+        { id: "q3", title: "Can I pre-order special meat cuts?", content: "Absolutely, just call our butcher counter to arrange your special cuts." },
-          content: "We are open daily from 8 AM to 8 PM.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer local delivery?",
-          content: "Yes, we offer local delivery for our senior community members.",
-        },
-        {
-          id: "q3",
-          title: "Can I pre-order special meat cuts?",
-          content: "Absolutely, just call our butcher counter to arrange your special cuts.",
-        },
       ]}
-      title="Frequently Asked Questions"
-      description="Answers to common questions about our store."
       faqsAnimation="slide-up"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Get in Touch"
-      background={{
+      description="Have a special request or feedback? We'd love to hear from you."
-        variant: "radial-gradient",
+      inputs={[
-      }}
+        { name: "name", type: "text", placeholder: "Your Name" },
-      tag="Visit Us"
+        { name: "email", type: "email", placeholder: "Your Email" }
-      title="Visit Frazee Family Foods"
+      ]}
-      description="Come experience friendly service and great quality for yourself."
+      textarea={{ name: "message", placeholder: "How can we help?" }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/smiling-clerk-holding-paper-bag-food_23-2148810232.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterBaseCard
       logoText="Frazee Family Foods"
       copyrightText="© 2025 | Frazee Family Foods"
+      columns={[
+          { title: "Visit", items: [{ label: "Our Store", href: "#" }] },
+          { title: "Support", items: [{ label: "Contact Us", href: "#contact" }] }
+      ]}
     />
   </div>
       </ReactLenis>