Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -3,15 +3,15 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { CheckCircle, Clock, Flame, Leaf, Sparkles } from "lucide-react";
+import { CheckCircle, Clock, Flame, Leaf, Sparkles, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -113,37 +113,37 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText
-            useInvertedBackground={false}
+          <FaqSplitMedia
+            title="Common Questions"
+            description="Everything you need to know about our roasting process."
             faqs={[
               { id: "f1", title: "How long do roasts stay fresh?", content: "Our batches stay fresh for up to 3 months when stored in a cool, dry place." },
               { id: "f2", title: "Do you offer bulk gifting?", content: "Yes, we handle corporate and large group orders with elegant packaging." },
               { id: "f3", title: "Where are your seeds sourced?", content: "We source from certified organic farms globally with full transparency." }
             ]}
-            sideTitle="Questions?"
+            mediaPosition="left"
             faqsAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/bowl-seeds-nuts-counter_1150-45372.jpg"
+            useInvertedBackground={false}
+            textboxLayout="default"
           />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA
+          <ContactCenter
             tag="Get in touch"
             title="Ready to taste the freshness?"
             description="Have questions or need help with a custom order? Drop us a line."
-            buttons={[{ text: "Contact Us" }]}
-            background={{ variant: "plain" }}
+            background={{ variant: "radial-gradient" }}
             useInvertedBackground={false}
           />
         </div>
 
         <div id="footer" data-section="footer">
-          <FooterBaseReveal
+          <FooterCard
             logoText="WoodFired Roastery"
-            columns={[
-              { title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Gift Sets", href: "#" }] },
-              { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Transparency", href: "#" }] },
-              { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
-            ]}
+            socialLinks={[{ icon: Mail, href: "mailto:contact@woodfired.com", ariaLabel: "Email us" }]}
+            copyrightText="© 2025 | WoodFired Roastery"
           />
         </div>
       </ReactLenis>