Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,8 +10,7 @@ import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleC
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Activity, Clock, MapPin, ShieldCheck } from "lucide-react";
-import { Activity, Clock, MapPin, Phone, ShieldCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,268 +27,98 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+            <NavbarLayoutFloatingOverlay
-      navItems={[
+              navItems={[
-        {
+                { name: "Home", id: "hero" },
-          name: "Home",
+                { name: "Overview", id: "about" },
-          id: "hero",
+                { name: "Features", id: "features" },
-        },
+                { name: "Location", id: "location" },
-        {
+                { name: "FAQ", id: "faq" },
-          name: "About",
+                { name: "Contact", id: "contact" },
-          id: "about",
+              ]}
-        },
+              brandName="NXT Store"
-        {
+            />
-          name: "Services",
+        </div>
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Pharmacie GUERFI Hafidha"
-    />
-  </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
+            <HeroSplitDoubleCarousel
-      background={{
+              background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+              title="Welcome to NXT Store Batna"
-      }}
+              description="Your premier destination in Batna for quality products and exceptional service. Experience modern shopping excellence with NXT Store."
-      title="Your Trusted Pharmacy in Arris"
+              buttons={[{ text: "Contact Us", href: "#contact" }]}
-      description="Pharmacie GUERFI Hafidha provides professional healthcare services and medication support for our community. Serving Arris with care and expertise."
+              leftCarouselItems={[]}
-      leftCarouselItems={[
+              rightCarouselItems={[]}
-        {
+            />
-          imageSrc: "http://img.b2bpic.net/free-photo/pristine-quiet-hallways-scientific-research-facility-speak-innovation-discovery_91128-4693.jpg",
+        </div>
-          imageAlt: "Pharmacy interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg",
-          imageAlt: "Manager preparing the store",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
-          imageAlt: "Clean medical equipment",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg",
-          imageAlt: "Doctor and patient consultation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medicaments-supplements-shelves-checkout-counter_482257-82861.jpg",
-          imageAlt: "Medicaments on shelves",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-white-office-successful-doctor_8353-9587.jpg",
-          imageAlt: "Pharmacy interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg",
-          imageAlt: "Patient buying medicine",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg",
-          imageAlt: "Medical consultation cabinet",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/drugstore-employee-looking-drugs-packages-while-working-pills-inventory-pharmacy-pharmacists-is-trained-pharmacology-is-able-fill-dispense-prescription-medication-accurately_482257-63544.jpg",
-          imageAlt: "Pharmacist inventory check",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/syringe-white-sponge-cabinet-clinic_23-2147928447.jpg",
-          imageAlt: "Clinic medical tool",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/manager-preparing-store-reopening_23-2149142181.jpg",
-          alt: "Staff Member 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/plant-picture-clean-room-equipment-stainless-steel-machines_645730-289.jpg",
-          alt: "Staff Member 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-patient-medical-office-doctor-medical-mask-doctor-use-computer_1157-48563.jpg",
-          alt: "Staff Member 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-buys-drugs-pharmacy_1398-3868.jpg",
-          alt: "Staff Member 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medical-expert-explaining-human-anatomy-patient-cabinet_482257-101575.jpg",
-          alt: "Staff Member 5",
-        },
-      ]}
-      avatarText="Trusted by 500+ happy patients"
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
+            <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+              heading={[{ type: "text", content: "About NXT Store" }]}
-      heading={[
+              useInvertedBackground={false}
-        {
+            />
-          type: "text",
+        </div>
-          content: "Dedicated to Your Health",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/indian-physician-patient-shaking-hands-medical-consultation_482257-118452.jpg",
-          alt: "Pharmacy About",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureHoverPattern
+            <FeatureHoverPattern
-      animationType="slide-up"
+              animationType="slide-up"
-      textboxLayout="default"
+              textboxLayout="default"
-      useInvertedBackground={true}
+              useInvertedBackground={true}
-      features={[
+              features={[
-        {
+                { icon: Activity, title: "Curated Selection", description: "High-quality products for our customers." },
-          icon: Activity,
+                { icon: ShieldCheck, title: "Customer Satisfaction", description: "Your happiness is our top priority." },
-          title: "Medication Counseling",
+                { icon: Clock, title: "Convenient Shopping", description: "Visit us in the heart of Batna." },
-          description: "Expert advice on prescriptions.",
+              ]}
-        },
+              title="Why Choose Us"
-        {
+              description="Commitment to quality and convenience."
-          icon: ShieldCheck,
+            />
-          title: "Safety Standards",
+        </div>
-          description: "Quality assurance in all medications.",
-        },
-        {
-          icon: Clock,
-          title: "Convenient Hours",
-          description: "Open until 6 PM daily.",
-        },
-      ]}
-      title="Our Pharmacy Services"
-      description="Comprehensive pharmacy care for every family member."
-    />
-  </div>
 
-  <div id="location" data-section="location">
+        <div id="location" data-section="location">
-      <MetricCardThree
+            <MetricCardThree
-      animationType="slide-up"
+              animationType="slide-up"
-      textboxLayout="default"
+              textboxLayout="default"
-      useInvertedBackground={false}
+              useInvertedBackground={false}
-      metrics={[
+              metrics={[
-        {
+                { id: "loc", icon: MapPin, title: "Store Location", value: "Batna, Algeria" },
-          id: "loc",
+                { id: "hr", icon: Clock, title: "Business Hours", value: "08:00 - 20:00" },
-          icon: MapPin,
+              ]}
-          title: "Location",
+              title="Visit Our Store"
-          value: "Arris 785W+JR4",
+              description="Find us in Batna."
-        },
+            />
-        {
+        </div>
-          id: "ph",
-          icon: Phone,
-          title: "Call",
-          value: "033 20 20 99",
-        },
-        {
-          id: "hr",
-          icon: Clock,
-          title: "Closing Time",
-          value: "6 PM",
-        },
-      ]}
-      title="Find Us"
-      description="Conveniently located to serve the Arris area."
-    />
-  </div>
 
-  <div id="tips" data-section="tips">
+        <div id="faq" data-section="faq">
-      <SocialProofOne
+            <FaqSplitMedia
-      textboxLayout="default"
+              faqs={[
-      useInvertedBackground={true}
+                { id: "q1", title: "What are your hours?", content: "We are open daily from 8 AM to 8 PM." },
-      names={[
+                { id: "q2", title: "Where is the store located?", content: "We are located in the center of Batna, Algeria." },
-        "Regular Exercise",
+                { id: "q3", title: "What payment methods do you accept?", content: "We accept cash and major credit cards to make your shopping experience as seamless as possible." },
-        "Balanced Diet",
+              ]}
-        "Hydration",
+              mediaAnimation="slide-up"
-        "Preventative Care",
+              title="Frequently Asked Questions"
-        "Healthy Sleep",
+              description="Everything you need to know about NXT Store."
-        "Hygiene Practices",
+              faqsAnimation="slide-up"
-        "Consult a Pharmacist",
+              textboxLayout="default"
-      ]}
+              useInvertedBackground={false}
-      title="Healthcare Tips"
+            />
-      description="Simple reminders for a healthy life."
+        </div>
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="contact" data-section="contact">
-      <FaqSplitMedia
+            <ContactText
-      textboxLayout="default"
+              useInvertedBackground={true}
-      useInvertedBackground={false}
+              background={{ variant: "gradient-bars" }}
-      faqs={[
+              text="Get in touch with NXT Store Batna today for any inquiries."
-        {
+            />
-          id: "q1",
+        </div>
-          title: "What are your hours?",
-          content: "We are open daily until 6 PM.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer consultations?",
-          content: "Yes, our pharmacists are always ready to advise.",
-        },
-        {
-          id: "q3",
-          title: "Is parking available?",
-          content: "Yes, convenient parking is nearby.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/doctor-workplace-medical-stethoscope-laptop-blank-clipboard-pen-light-blue-surface-corona-virus-covid-19-stethoscope-eyeglasses-face-mask-top-view-flat-lay-copy-space_1150-44893.jpg"
-      mediaAnimation="slide-up"
-      title="Common Questions"
-      description="Getting the care you need."
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="footer" data-section="footer">
-      <ContactText
+            <FooterLogoEmphasis
-      useInvertedBackground={true}
+              columns={[{ items: [{ label: "Contact", href: "#contact" }] }]}
-      background={{
+              logoText="NXT Store"
-        variant: "gradient-bars",
+            />
-      }}
+        </div>
-      text="Need help? Call us at 033 20 20 99 or visit our pharmacy in Arris today."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      logoText="Pharmacie GUERFI Hafidha"
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}