Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4de4f1de30 | |||
| b1d008cd56 | |||
| 942fb7873f | |||
| c3e522cfe4 |
342
src/app/page.tsx
342
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, Phone, ShieldCheck } from "lucide-react";
|
||||
import { Activity, Clock, MapPin, ShieldCheck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,268 +27,97 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Pharmacie GUERFI Hafidha"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Overview", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NXT Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your Trusted Pharmacy in Arris"
|
||||
description="Pharmacie GUERFI Hafidha provides professional healthcare services and medication support for our community. Serving Arris with care and expertise."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{ 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."
|
||||
buttons={[{ text: "Contact Us", href: "#contact" }]}
|
||||
leftCarouselItems={[]}
|
||||
rightCarouselItems={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
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>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: "text", content: "About NXT Store" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Activity,
|
||||
title: "Medication Counseling",
|
||||
description: "Expert advice on prescriptions.",
|
||||
},
|
||||
{
|
||||
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"
|
||||
description="Comprehensive pharmacy care for every family member."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Activity, title: "Curated Selection", description: "High-quality products for our customers." },
|
||||
{ icon: ShieldCheck, title: "Customer Satisfaction", description: "Your happiness is our top priority." },
|
||||
{ icon: Clock, title: "Convenient Shopping", description: "Visit us in the heart of Batna." },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Commitment to quality and convenience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc",
|
||||
icon: MapPin,
|
||||
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"
|
||||
description="Conveniently located to serve the Arris area."
|
||||
/>
|
||||
</div>
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "loc", icon: MapPin, title: "Store Location", value: "Batna, Algeria" },
|
||||
{ id: "hr", icon: Clock, title: "Business Hours", value: "08:00 - 20:00" },
|
||||
]}
|
||||
title="Visit Our Store"
|
||||
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}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
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: "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={{ variant: "gradient-bars" }}
|
||||
text="Get in touch with NXT Store Batna today for any inquiries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[{ items: [{ label: "Contact", href: "#contact" }] }]}
|
||||
logoText="NXT Store"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user