Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -9,6 +9,7 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
+import { MapPin, Clock, Wifi } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -28,87 +29,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Menu", id: "/menu" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/contact" },
       ]}
-      brandName="AuraTech"
+      brandName="The Spot"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCentered
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Design the Future of Your Brand"
-      description="We craft premium, minimalist digital products for ambitious brands. Effortless usability meets futuristic aesthetics."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg",
-          alt: "User 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-          alt: "User 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-indoors_23-2149518285.jpg",
-          alt: "User 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/inside-portrait-confident-young-man-white-clothes-posing-with-charming-smile-isolated-wall_291650-95.jpg",
-          alt: "User 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",
-          alt: "User 5",
-        },
-      ]}
+      background={{ variant: "radial-gradient" }}
+      title="The Best Coffee in Fort Payne"
+      description="Experience premium roasts and handcrafted drinks at The Spot. Your daily neighborhood coffee destination."
+      avatars={[]}
       buttons={[
-        {
-          text: "Get Started",
-          href: "/contact",
-        },
-        {
-          text: "View Services",
-          href: "/services",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Product Strategy",
-        },
-        {
-          type: "text",
-          text: "Minimalist UI/UX",
-        },
-        {
-          type: "text",
-          text: "Brand Identity",
-        },
-        {
-          type: "text",
-          text: "Rapid Prototyping",
-        },
-        {
-          type: "text",
-          text: "Digital Scale",
-        },
+        { text: "View Menu", href: "/menu" },
+        { text: "Visit Us", href: "/contact" },
       ]}
     />
   </div>
@@ -117,51 +55,21 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "InnovateLab",
-        "TechFlow",
-        "Nexus Systems",
-        "CloudPulse",
-        "DataCore",
-        "Vertex",
-        "Quantum",
-      ]}
-      title="Trusted by Visionaries"
-      description="Partnering with global innovators to build products that matter."
+      names={["100% Arabica", "Locally Roasted", "Fair Trade", "Award Winning", "Community Focused"]}
+      title="What Makes Us Different"
+      description="We pride ourselves on quality beans and exceptional service every single day."
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqSplitText
       useInvertedBackground={false}
-      sideTitle="Common Questions"
-      sideDescription="Everything you need to know about our process."
+      sideTitle="Why Our Regulars Keep Coming Back"
+      sideDescription="Discover what our regulars love most about our menu."
       faqs={[
-        {
-          id: "f1",
-          title: "How long does a typical project take?",
-          content: "Our projects typically span 4 to 8 weeks depending on scope.",
-        },
-        {
-          id: "f2",
-          title: "Can you work with existing branding?",
-          content: "Absolutely, we can iterate on existing guidelines or create new ones.",
-        },
-        {
-          id: "f3",
-          title: "What tools do you use?",
-          content: "We primarily work with Figma, Webflow, and React.",
-        },
-        {
-          id: "f4",
-          title: "Is maintenance included?",
-          content: "We offer optional support packages for ongoing maintenance.",
-        },
-        {
-          id: "f5",
-          title: "How do we communicate?",
-          content: "We use Slack and weekly check-in calls for transparent updates.",
-        },
+        { id: "f1", title: "Signature Iced Coffee", content: "Our signature iced coffee is brewed for 12 hours for a smooth, bold flavor that never disappoints." },
+        { id: "f2", title: "Classic Cappuccino", content: "Rich espresso meets perfectly steamed velvety milk for the ultimate morning pick-me-up." },
+        { id: "f3", title: "Fresh Pastries", content: "Baked fresh every morning in our shop. Pairs perfectly with any drink." },
       ]}
       faqsAnimation="slide-up"
     />
@@ -171,46 +79,14 @@ export default function LandingPage() {
       <TeamCardTwo
       animationType="slide-up"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      title="Meet the Minds"
-      description="Our core team of designers and engineers."
+      gridVariant="three-columns-all-equal-width"
+      useInvertedBackground={true}
+      title="Customer Reviews"
+      description="Don't just take our word for it—here is what our community says."
       members={[
-        {
-          id: "m1",
-          name: "Alex B.",
-          role: "Creative Lead",
-          description: "Expert in UI design.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
-        },
-        {
-          id: "m2",
-          name: "Elena P.",
-          role: "UX Researcher",
-          description: "Focused on user testing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
-        {
-          id: "m3",
-          name: "Jordan S.",
-          role: "Frontend Architect",
-          description: "Passionate about speed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-man-sitting-front-laptop-workplace_23-2148187164.jpg",
-        },
-        {
-          id: "m4",
-          name: "Marcus L.",
-          role: "Brand Strategist",
-          description: "Building narrative arcs.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-fleece-shirt-holds-tablet-pc-grey-background_613910-13764.jpg",
-        },
-        {
-          id: "m5",
-          name: "Sophia R.",
-          role: "Visual Designer",
-          description: "Lover of clean grids.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-glasses-laughing_23-2148415938.jpg",
-        },
+        { id: "m1", name: "Jessica M.", role: "Local Resident", description: "The best cappuccino in Fort Payne. Period. Friendly staff and great atmosphere!" },
+        { id: "m2", name: "David T.", role: "Regular Customer", description: "Their iced coffee is a game changer. I stop by every morning on my way to work." },
+        { id: "m3", name: "Amanda K.", role: "Coffee Enthusiast", description: "You can tell they truly care about the quality of their beans. Highly recommended spot!" },
       ]}
     />
   </div>
@@ -219,72 +95,28 @@ export default function LandingPage() {
       <FeatureCardTwentySix
       textboxLayout="default"
       useInvertedBackground={false}
-      title="Why AuraTech?"
-      description="We are committed to excellence in every detail of your product."
+      title="Visit Us"
+      description="Find us in the heart of downtown Fort Payne."
       features={[
-        {
-          title: "Minimalism",
-          description: "Removing clutter.",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-abstract-background-with-dew-drops-shining-sun-spider-web_169016-14241.jpg",
-          buttonIcon: "Zap",
-        },
-        {
-          title: "Performance",
-          description: "Lighting fast loads.",
-          imageSrc: "http://img.b2bpic.net/free-photo/shiny-transparent-jewel_23-2147960080.jpg",
-          buttonIcon: "Gauge",
-        },
-        {
-          title: "Security",
-          description: "Built for safety.",
-          imageSrc: "http://img.b2bpic.net/free-photo/paper-texture_23-2151858808.jpg",
-          buttonIcon: "Shield",
-        },
-        {
-          title: "Scalability",
-          description: "Grow with confidence.",
-          imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-background-with-gradient-neon-led-light-effect_53876-124182.jpg",
-          buttonIcon: "TrendingUp",
-        },
+        { title: "Address", description: "123 Main Street, Fort Payne, AL 35967", buttonIcon: MapPin },
+        { title: "Mon - Fri", description: "6:00 AM - 6:00 PM", buttonIcon: Clock },
+        { title: "Sat - Sun", description: "7:00 AM - 4:00 PM", buttonIcon: Clock },
+        { title: "Free Wi-Fi", description: "Stay connected while you enjoy your brew.", buttonIcon: Wifi },
       ]}
     />
   </div>
 
   <div id="footer-section" data-section="footer-section">
       <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-gradient-blurred-multicolored-rainbow-light-spectrum-circle_23-2147948901.jpg?_wi=1"
-      logoText="AuraTech"
+      imageSrc="https://images.unsplash.com/photo-1507133756680-43b469446059?q=80&w=2000" 
+      logoText="The Spot"
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Services",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Resources",
-          items: [
-            {
-              label: "Blog",
-              href: "#",
-            },
-            {
-              label: "Support",
-              href: "/contact",
-            },
-          ],
-        },
+        { title: "Menu", items: [{ label: "Espresso", href: "/menu" }, { label: "Cold Brew", href: "/menu" }] },
+        { title: "About", items: [{ label: "Our Story", href: "/about" }, { label: "Location", href: "/contact" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}