Update src/app/page.tsx

src/app/page.tsx

@@ -2,16 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
 
 export default function LandingPage() {
   return (
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Menu", id: "features" },
-        },
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Menu",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Hometown BBQ"
     />
@@ -61,14 +46,8 @@ export default function LandingPage() {
       logoText="Hometown BBQ & Grill"
       description="Slow-smoked tradition, served with love in the heart of our community. Taste the authentic difference of low and slow."
       buttons={[
-        {
+        { text: "Book a Table", href: "#contact" },
-          text: "Book a Table",
+        { text: "View Menu", href: "#features" },
-          href: "#contact",
-        },
-        {
-          text: "View Menu",
-          href: "#features",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/fried-meat-with-vegetables-table_140725-4701.jpg"
       imageAlt="bbq restaurant interior rustic"
@@ -81,20 +60,11 @@ export default function LandingPage() {
       title="A Legacy of Smoke & Flavor"
       description="For over two decades, Hometown BBQ has been defining what true barbecue means. We use only prime hardwoods and locally sourced meats to ensure every bite is perfection."
       metrics={[
-        {
+        { value: "20+", title: "Years Smoked" },
-          value: "20+",
+        { value: "12", title: "Secret Rubs" },
-          title: "Years Smoked",
+        { value: "5k+", title: "Happy Guests" },
-        },
-        {
-          value: "12",
-          title: "Secret Rubs",
-        },
-        {
-          value: "5k+",
-          title: "Happy Guests",
-        },
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=1"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
       imageAlt="pitmaster cooking meat"
@@ -109,26 +79,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Smoked Brisket",
+          title: "Smoked Brisket",          description: "14-hour hardwood smoked beef.",          imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/roasted-beef-with-herbed-bread-crust_661915-151.jpg",          buttonText: "Order Now"},
-          description: "14-hour hardwood smoked beef.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grilled-rib-pork-with-barbecue-sauce-vegetable-frech-fries-wooden-cutting-board_1339-7636.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/roasted-beef-with-herbed-bread-crust_661915-151.jpg",
-          buttonText: "Order Now",
-        },
         {
-          title: "Creamy Sides",
+          title: "Creamy Sides",          description: "Hand-crafted mac & cheese.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-with-different-seasonings-dark-desk_140725-79620.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/hand-sprinkling-cheese-pasta_23-2148037494.jpg",          buttonText: "View Sides"},
-          description: "Hand-crafted mac & cheese.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-baked-vegetables-potatoes-eggplants-with-different-seasonings-dark-desk_140725-79620.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/hand-sprinkling-cheese-pasta_23-2148037494.jpg",
-          buttonText: "View Sides",
-        },
         {
-          title: "Cold Brews",
+          title: "Cold Brews",          description: "Handpicked craft beer selection.",          imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-65627.jpg",          titleImageSrc: "http://img.b2bpic.net/free-photo/beer-with-crispy-fish-hors-d-oeuvres-world-beer-day_1150-23707.jpg",          buttonText: "See Drinks"},
-          description: "Handpicked craft beer selection.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-65627.jpg",
-          titleImageSrc: "http://img.b2bpic.net/free-photo/beer-with-crispy-fish-hors-d-oeuvres-world-beer-day_1150-23707.jpg",
-          buttonText: "See Drinks",
-        },
       ]}
       title="Signature Smoked Selections"
       description="Our menu features carefully curated meats and fresh, locally sourced sides."
@@ -142,21 +97,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "500lb+", description: "Smoked Weekly" },
-          id: "m1",
+        { id: "m2", value: "100%", description: "Locally Sourced" },
-          value: "500lb+",
+        { id: "m3", value: "4.8", description: "Average Rating" },
-          description: "Smoked Weekly",
-        },
-        {
-          id: "m2",
-          value: "100%",
-          description: "Locally Sourced",
-        },
-        {
-          id: "m3",
-          value: "4.8",
-          description: "Average Rating",
-        },
       ]}
       title="Quality You Can Taste"
       description="Numbers behind our smoke-filled passion."
@@ -164,152 +107,82 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardSixteen
-      animationType="slide-up"
+      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Sarah J.",
-          handle: "@sarah_foodie",
-          testimonial: "Best ribs in town, period.",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike R.",
-          handle: "@mike_eats",
-          testimonial: "Authentic flavor and vibe.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-eating-drinking-alcohol_171337-19735.jpg",
-        },
-        {
-          id: "t3",
-          name: "Anna P.",
-          handle: "@anna_bbq",
-          testimonial: "The brisket is pure magic.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-delicious-kombucha-outdoors_23-2150553706.jpg",
-        },
-        {
-          id: "t4",
-          name: "David L.",
-          handle: "@dave_grills",
-          testimonial: "Hidden gem with amazing food.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-men-roasting-barbecue-grill-cottage-countryside_176420-1917.jpg",
-        },
-        {
-          id: "t5",
-          name: "Chloe T.",
-          handle: "@chloe_dines",
-          testimonial: "A must-visit for bbq fans.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
-        },
-      ]}
       title="Loved by Locals"
       description="Hear what our regulars have to say about the hometown smoke."
+      textboxLayout="default"
+      useInvertedBackground={false}
+      kpiItems={[
+        { value: "5k+", label: "Happy Guests" },
+        { value: "4.8", label: "Stars" },
+        { value: "20+", label: "Years" }
+      ]}
+      testimonials={[
+        { id: "t1", name: "Sarah J.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
+        { id: "t2", name: "Mike R.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-friends-sitting-cafe-eating-drinking-alcohol_171337-19735.jpg" },
+        { id: "t3", name: "Anna P.", role: "Local", company: "Fan", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-friends-with-delicious-kombucha-outdoors_23-2150553706.jpg" },
+      ]}
     />
   </div>
 
   <div id="team" data-section="team">
-      <TeamCardTen
+      <TeamCardOne
       useInvertedBackground={true}
       title="Meet the Pitmasters"
+      description="Our dedicated crew bringing the smoke to your table."
       tag="Behind the Smoke"
-      membersAnimation="slide-up"
+      animationType="depth-3d"
+      gridVariant="four-items-2x2-equal-grid"
+      textboxLayout="default"
       members={[
-        {
+        { id: "p1", name: "Joe Pit", role: "Pitmaster", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg" },
-          id: "p1",
+        { id: "p2", name: "Alice Smoke", role: "Chef", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199326.jpg" },
-          name: "Joe Pit",
+        { id: "p3", name: "Bob Grill", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1346.jpg",
-        },
-        {
-          id: "p2",
-          name: "Alice Smoke",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-girl-barista-giving-out-order-cafe-inviting-guest-pick-up-takeaway_1258-199326.jpg",
-        },
-        {
-          id: "p3",
-          name: "Bob Grill",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-using-laptop-device_23-2149720721.jpg",
-        },
       ]}
-      memberVariant="card"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqSplitText
-      textboxLayout="split"
+      sideTitle="Common Smoker Queries"
+      sideDescription="Questions about our smoke, catering, and seating."
       useInvertedBackground={false}
-      faqs={[
-        {
-          id: "f1",
-          title: "Do you accept walk-ins?",
-          content: "Yes, we always save space for our loyal local walk-ins!",
-        },
-        {
-          id: "f2",
-          title: "Is catering available?",
-          content: "We offer full-service catering for all sizes of events.",
-        },
-        {
-          id: "f3",
-          title: "Are you pet friendly?",
-          content: "Our patio area is perfectly welcoming to your furry friends.",
-        },
-      ]}
-      title="Common Smoker Queries"
-      description="Questions about our smoke, catering, and seating."
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/top-close-up-view-dish-chicken-wings-potatoes-tomatoes-sauce-spices-cutting-board_140725-72636.jpg"
+      faqs={[
-      imageAlt="Top close-up view dish chicken wings potatoes tomatoes sauce spices the cutting board"
+        { id: "f1", title: "Do you accept walk-ins?", content: "Yes, we always save space for our loyal local walk-ins!" },
+        { id: "f2", title: "Is catering available?", content: "We offer full-service catering for all sizes of events." },
+        { id: "f3", title: "Are you pet friendly?", content: "Our patio area is perfectly welcoming to your furry friends." },
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Contact Us"
+      title="Ready to experience the smoke?"
+      description="Come visit us today or book a table."
+      background={{ variant: "gradient-bars" }}
       useInvertedBackground={true}
-      background={{
+      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=2"
-        variant: "gradient-bars",
-      }}
-      text="Ready to experience the smoke? Come visit us today or book a table."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@hometownbbq.com",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterMedia
       logoText="Hometown BBQ"
+      imageSrc="http://img.b2bpic.net/free-photo/smoky-grilled-meat-baked-metal-sheet-barbecue_23-2147841009.jpg?_wi=3"
       columns={[
         {
-          title: "Visit Us",
+          title: "Visit Us",          items: [
-          items: [
+            { label: "123 Smokehouse Ln", href: "#" },
-            {
+            { label: "Springfield, USA", href: "#" },
-              label: "123 Smokehouse Ln",
-              href: "#",
-            },
-            {
-              label: "Springfield, USA",
-              href: "#",
-            },
           ],
         },
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
+            { label: "Instagram", href: "#" },
-            {
+            { label: "Facebook", href: "#" },
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
           ],
         },
       ]}