Update src/app/page.tsx

Merge version_1 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 ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, ShoppingBag, Users, Leaf, DollarSign, Truck, Smile } from "lucide-react";
+import { Award, ShoppingBag, Users, Leaf, DollarSign, Truck, Smile, MapPin, Phone, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Products", id: "products" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Hassan General Store"
     />
@@ -46,21 +42,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Welcome to Hassan General Store"
       description="Your neighborhood destination for fresh, high-quality groceries and essential household items."
       mediaItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg?_wi=1", imageAlt: "Fresh produce market stall" },
-          imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg?_wi=1",          imageAlt: "Fresh produce market stall"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg?_wi=1", imageAlt: "Friendly grocer smiling" },
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg?_wi=1", imageAlt: "Organic vegetables shelf" },
-          imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg?_wi=1",          imageAlt: "Friendly grocer smiling"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg?_wi=1",          imageAlt: "Organic vegetables shelf"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/sesonal-vegetable-market-with-variety-agriculture-products-shelfs-boxes_613910-5422.jpg",          imageAlt: "Seasonal vegetable market variety"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-supporting-local-merchant_482257-76594.jpg",          imageAlt: "Couple supporting local merchant"},
       ]}
       mediaAnimation="slide-up"
     />
@@ -71,15 +59,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Committed to Quality"
       metrics={[
-        {
+        { icon: ShoppingBag, label: "Product Variety", value: "500+" },
-          icon: ShoppingBag,
+        { icon: Award, label: "Years Served", value: "10+" },
-          label: "Product Variety",          value: "500+"},
+        { icon: Users, label: "Happy Neighbors", value: "2k+" },
-        {
-          icon: Award,
-          label: "Years Served",          value: "10+"},
-        {
-          icon: Users,
-          label: "Happy Neighbors",          value: "2k+"},
       ]}
       metricsAnimation="blur-reveal"
     />
@@ -92,18 +74,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Organic Vegetables", price: "$2.99", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-1490.jpg" },
-          id: "p1",          name: "Organic Vegetables",          price: "$2.99",          variant: "Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/food-vegetable-colorful-background-tasty-fresh-vegetables-wooden-table-top-view-with-copy-space_1220-1490.jpg"},
+        { id: "p2", name: "Seasonal Fruits", price: "$3.49", variant: "Fresh", imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-apples-plums-feykhoas-pears-persimmons-wicker-baskets-also-ground_140725-90151.jpg" },
-        {
+        { id: "p3", name: "Dairy Products", price: "$4.50", variant: "Chilled", imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281790.jpg" },
-          id: "p2",          name: "Seasonal Fruits",          price: "$3.49",          variant: "Fresh",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-red-yellow-apples-plums-feykhoas-pears-persimmons-wicker-baskets-also-ground_140725-90151.jpg"},
-        {
-          id: "p3",          name: "Dairy Products",          price: "$4.50",          variant: "Chilled",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-futuristic-soft-drink_23-2151281790.jpg"},
-        {
-          id: "p4",          name: "Artisan Bread",          price: "$2.50",          variant: "Baked",          imageSrc: "http://img.b2bpic.net/free-photo/large-loaves-bread-counter-bakery_169016-19951.jpg"},
-        {
-          id: "p5",          name: "Pantry Staples",          price: "$5.00",          variant: "Essential",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cartoon-shopping-cart_23-2151680626.jpg"},
-        {
-          id: "p6",          name: "Assorted Goods",          price: "$1.99",          variant: "Package",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-bread-reusable-bag-with-bulk-pasta-nuts_23-2148493532.jpg"},
       ]}
       title="Fresh Arrivals"
       description="Browse our hand-picked selection of fresh groceries."
@@ -115,21 +88,13 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Farm-Fresh", description: "Locally sourced produce delivered daily.", buttonIcon: Leaf },
-          title: "Farm-Fresh",          description: "Locally sourced produce delivered daily.",          buttonIcon: Leaf,
+        { title: "Affordable Prices", description: "Competitive rates for all families.", buttonIcon: DollarSign },
-          imageSrc: "http://img.b2bpic.net/free-photo/vegetables-bread-shopping-bag-wooden-surface_169016-20848.jpg",          imageAlt: "grocery store icon set"},
+        { title: "Quick Delivery", description: "Get essentials at your doorstep.", buttonIcon: Truck },
-        {
+        { title: "Exceptional Service", description: "Always here to help you shop.", buttonIcon: Smile },
-          title: "Affordable Prices",          description: "Competitive rates for all families.",          buttonIcon: DollarSign,
-          imageSrc: "http://img.b2bpic.net/free-photo/client-shopping-local-retailer_23-2149349422.jpg?_wi=2",          imageAlt: "grocery store icon set"},
-        {
-          title: "Quick Delivery",          description: "Get essentials at your doorstep.",          buttonIcon: Truck,
-          imageSrc: "http://img.b2bpic.net/free-photo/mangoes-market_1398-2249.jpg?_wi=2",          imageAlt: "grocery store icon set"},
-        {
-          title: "Exceptional Service",          description: "Always here to help you shop.",          buttonIcon: Smile,
-          imageSrc: "http://img.b2bpic.net/free-photo/locally-grown-farming-products-empty-farmers-market-stand_482257-77589.jpg?_wi=2",          imageAlt: "grocery store icon set"},
       ]}
       title="Why Choose Us?"
-      description="Experience convenience and quality like never before at Hassan General Store."
+      description="Experience convenience and quality like never before."
     />
   </div>
 
@@ -139,16 +104,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "Fresh and high quality products every time." },
-          id: "1",          name: "Ahmed K.",          handle: "@ahmedk",          testimonial: "Fresh and high quality products every time.",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-daughter-supermarket_1157-21968.jpg"},
+        { id: "2", name: "Sarah M.", handle: "@sarahm", testimonial: "The best corner store in the neighborhood." },
-        {
+        { id: "3", name: "John D.", handle: "@johnd", testimonial: "Great service and friendly staff." },
-          id: "2",          name: "Sarah M.",          handle: "@sarahm",          testimonial: "The best corner store in the neighborhood.",          imageSrc: "http://img.b2bpic.net/free-photo/girl-red-holding-bananas-fruits-store_627829-9465.jpg"},
-        {
-          id: "3",          name: "John D.",          handle: "@johnd",          testimonial: "Great service and friendly staff.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-supermarket-with-vegetables-fruits-buying-groceries_169016-19098.jpg"},
-        {
-          id: "4",          name: "Fatima Z.",          handle: "@fatimaz",          testimonial: "Always fresh, always reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girl-supermarket_1157-21969.jpg"},
-        {
-          id: "5",          name: "Ali B.",          handle: "@alib",          testimonial: "A staple of our community.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-grocery-bags-having-juice-outdoors_23-2148781528.jpg"},
       ]}
       title="Community Voices"
       description="What our neighbors are saying about us."
@@ -156,62 +114,40 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqDouble
+      title="Frequently Asked Questions"
+      description="Everything you need to know about shopping with us."
+      faqsAnimation="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Do you offer home delivery?", content: "Yes! We deliver fresh groceries directly to your doorstep within 2 hours." },
-          id: "q1",          title: "Do you deliver?",          content: "Yes, we offer doorstep delivery services."},
+        { id: "q2", title: "What are your operating hours?", content: "We are open 7 days a week, from 8 AM until 10 PM." },
-        {
+        { id: "q3", title: "How do I place an order?", content: "You can visit our store, call us, or use our mobile app to place your order." },
-          id: "q2",          title: "Are you open daily?",          content: "We operate from 8 AM to 10 PM daily."},
+        { id: "q4", title: "Do you accept food stamps/EBT?", content: "Yes, we are an authorized EBT retailer and accept all major debit and credit cards." },
-        {
-          id: "q3",          title: "Do you accept cards?",          content: "Yes, all major cards are accepted."},
       ]}
-      sideTitle="Questions?"
-      faqsAnimation="blur-reveal"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactCTA
-      useInvertedBackground={false}
+      tag="Contact Us"
-      title="Reach Out"
+      title="Have Questions or Need Assistance?"
-      description="We would love to hear from our neighbors. Send us a message."
+      description="Our team is ready to help you with orders, product inquiries, or feedback. Reach out today."
-      inputs={[
+      buttons={[{ text: "Call Us Now", href: "tel:+1234567890" }, { text: "Email Support", href: "mailto:support@hassanstore.com" }]}
-        {
+      useInvertedBackground={true}
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+      background={{ variant: "sparkles-gradient" }}
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",        placeholder: "How can we help?",        rows: 4,
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/asian-couple-shopping-flowers-barcelona_657883-571.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseReveal
+      <FooterCard
       logoText="Hassan General Store"
-      columns={[
+      copyrightText="© 2025 Hassan General Store. Serving the community with pride."
-        {
+      socialLinks={[
-          title: "Quick Links",          items: [
+        { icon: MapPin, href: "#", ariaLabel: "Location" },
-            {
+        { icon: Phone, href: "tel:+1234567890", ariaLabel: "Phone" },
-              label: "Products",              href: "#products"},
+        { icon: Mail, href: "mailto:info@hassanstore.com", ariaLabel: "Email" },
-            {
-              label: "FAQ",              href: "#faq"},
-          ],
-        },
-        {
-          title: "Contact",          items: [
-            {
-              label: "Message Us",              href: "#contact"},
-            {
-              label: "Location",              href: "#"},
-          ],
-        },
       ]}
     />
   </div>