Update src/app/page.tsx

Merge version_2 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 (
@@ -31,78 +30,32 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
             <NavbarLayoutFloatingOverlay
               navItems={[
-        {
+                { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+                { name: "Overview", id: "about" },
-        {
+                { name: "Features", id: "features" },
-          name: "About",          id: "about"},
+                { name: "Location", id: "location" },
-        {
+                { name: "FAQ", id: "faq" },
-          name: "Services",          id: "features"},
+                { name: "Contact", id: "contact" },
-        {
-          name: "Contact",          id: "contact"},
               ]}
-      brandName="Pharmacie GUERFI Hafidha"
+              brandName="NXT Store"
             />
         </div>
 
         <div id="hero" data-section="hero">
             <HeroSplitDoubleCarousel
-      background={{
+              background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+              title="Welcome to NXT Store Batna"
-      title="Your Trusted Pharmacy in Arris"
+              description="Your premier destination in Batna for quality products and exceptional service. Experience modern shopping excellence with NXT Store."
-      description="Pharmacie GUERFI Hafidha provides professional healthcare services and medication support for our community. Serving Arris with care and expertise."
+              buttons={[{ text: "Contact Us", href: "#contact" }]}
-      leftCarouselItems={[
+              leftCarouselItems={[]}
-        {
+              rightCarouselItems={[]}
-          imageSrc: "http://img.b2bpic.net/free-photo/pristine-quiet-hallways-scientific-research-facility-speak-innovation-discovery_91128-4693.jpg",          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">
             <InlineImageSplitTextAbout
+              heading={[{ type: "text", content: "About NXT Store" }]}
               useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",          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>
 
@@ -112,18 +65,12 @@ export default function LandingPage() {
               textboxLayout="default"
               useInvertedBackground={true}
               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",          description: "Expert advice on prescriptions."},
+                { icon: Clock, title: "Convenient Shopping", description: "Visit us in the heart of Batna." },
-        {
-          icon: ShieldCheck,
-          title: "Safety Standards",          description: "Quality assurance in all medications."},
-        {
-          icon: Clock,
-          title: "Convenient Hours",          description: "Open until 6 PM daily."},
               ]}
-      title="Our Pharmacy Services"
+              title="Why Choose Us"
-      description="Comprehensive pharmacy care for every family member."
+              description="Commitment to quality and convenience."
             />
         </div>
 
@@ -133,78 +80,41 @@ export default function LandingPage() {
               textboxLayout="default"
               useInvertedBackground={false}
               metrics={[
-        {
+                { id: "loc", icon: MapPin, title: "Store Location", value: "Batna, Algeria" },
-          id: "loc",          icon: MapPin,
+                { id: "hr", icon: Clock, title: "Business Hours", value: "08:00 - 20:00" },
-          title: "Location",          value: "Arris 785W+JR4"},
-        {
-          id: "ph",          icon: Phone,
-          title: "Call",          value: "033 20 20 99"},
-        {
-          id: "hr",          icon: Clock,
-          title: "Closing Time",          value: "6 PM"},
               ]}
-      title="Find Us"
+              title="Visit Our Store"
-      description="Conveniently located to serve the Arris area."
+              description="Find us in Batna."
-    />
-  </div>
-
-  <div id="tips" data-section="tips">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Regular Exercise",        "Balanced Diet",        "Hydration",        "Preventative Care",        "Healthy Sleep",        "Hygiene Practices",        "Consult a Pharmacist"]}
-      title="Healthcare Tips"
-      description="Simple reminders for a healthy life."
             />
         </div>
 
         <div id="faq" data-section="faq">
             <FaqSplitMedia
+              faqs={[
+                { id: "q1", title: "What are your hours?", content: "We are open daily from 8 AM to 8 PM." },
+                { id: "q2", title: "Where is the store located?", content: "We are located in the center of Batna, Algeria." },
+              ]}
+              mediaAnimation="slide-up"
+              title="Frequently Asked Questions"
+              description="Everything you need to know about NXT Store."
+              faqsAnimation="slide-up"
               textboxLayout="default"
               useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",          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: "Do you provide out-of-hours or emergency support?",          content: "In case of urgent needs after hours, please visit your local emergency services or contact local on-call pharmacy networks for immediate assistance."},
-        {
-          id: "q4",          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">
             <ContactText
               useInvertedBackground={true}
-      background={{
+              background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+              text="Get in touch with NXT Store Batna today for any inquiries."
-      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={[
+              columns={[{ items: [{ label: "Contact", href: "#contact" }] }]}
-        {
+              logoText="NXT Store"
-          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#features"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-      ]}
-      logoText="Pharmacie GUERFI Hafidha"
             />
         </div>
       </ReactLenis>