Update src/app/page.tsx
This commit is contained in:
202
src/app/page.tsx
202
src/app/page.tsx
@@ -2,16 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Clock, MapPin, ShieldCheck } from "lucide-react";
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Clock, MapPin, ShieldCheck, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,185 +28,102 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ModestoMed Couriers"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
<HeroPersonalLinks
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Reliable Medical Logistics for Modesto"
|
||||
description="Fast, secure, and professional medical courier services. Dedicated to the safe delivery of sensitive laboratory, pharmacy, and healthcare supplies throughout the central valley."
|
||||
tag="Trusted Healthcare Courier"
|
||||
mediaItems={[
|
||||
linkCards={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663036.jpg", imageAlt: "Medical delivery vehicle"},
|
||||
title: "Medical Delivery", description: "Secure transport for labs and pharmacies.", button: { text: "Learn More", href: "#features" }
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-driver_23-2149891027.jpg", imageAlt: "Professional medical courier"},
|
||||
title: "24/7 Support", description: "Always available for your emergency needs.", button: { text: "Contact Us", href: "#contact" }
|
||||
}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
ratingText="Rated 5/5 stars by local Modesto healthcare providers."
|
||||
tagIcon={ShieldCheck}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
<MediaAbout
|
||||
title="Our Commitment to Healthcare Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Clock,
|
||||
label: "On-Time Deliveries", value: "99.8%"},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
label: "Certified Handlers", value: "100%"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Modesto Service Area", value: "24/7"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
description="We provide fast, secure, and professional medical courier services dedicated to the safe delivery of sensitive supplies throughout the Central Valley."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-driver_23-2149891027.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
title="Healthcare Courier Solutions"
|
||||
description="Customized transport for clinical samples, pharmaceuticals, and sensitive instruments."
|
||||
features={[
|
||||
{
|
||||
title: "Cold Chain Logistics", description: "Temperature-controlled transport to keep your sensitive samples and pharmaceuticals safe.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-protective-suit-gloves-touching-shoulders-with-crossed-hands_176474-23619.jpg"},
|
||||
{
|
||||
title: "Secure Parcel Handling", description: "Strict compliance with HIPAA, ensuring privacy and security for all medical documentation and supplies.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-boxes_23-2148943305.jpg"},
|
||||
{
|
||||
title: "Professional Courier Staff", description: "Our trained staff ensures a courteous and professional experience for every clinic, lab, and pharmacy.", imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-wearing-red-polo-shirt-cap-medical-protective-mask-standing-with-pizza-box-clipboard-writing-looking-confident-isolated-blue-background_141793-19930.jpg"},
|
||||
{ title: "Cold Chain Logistics", description: "Temperature-controlled safety.", imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-protective-suit-gloves-touching-shoulders-with-crossed-hands_176474-23619.jpg" },
|
||||
{ title: "HIPAA Compliance", description: "Strict privacy for all documentation.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-carrying-boxes_23-2148943305.jpg" }
|
||||
]}
|
||||
title="Comprehensive Healthcare Courier Solutions"
|
||||
description="Customized transport for clinical samples, pharmaceuticals, and sensitive medical instruments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Dr. Sarah Miller", role: "Clinic Director", company: "Central Valley Clinic", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee_1098-16109.jpg"},
|
||||
{
|
||||
id: "2", name: "James Henderson", role: "Lab Tech", company: "Modesto Health Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-asian-doctor-with-lab-coat_23-2149870311.jpg"},
|
||||
{
|
||||
id: "3", name: "Dr. Linda Chen", role: "Pediatrician", company: "Chen Family Health", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-working-clinic_23-2149868954.jpg"},
|
||||
{
|
||||
id: "4", name: "Robert Smith", role: "Pharmacy Manager", company: "Valley Pharmacy", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-pharmacist_23-2151734599.jpg"},
|
||||
{
|
||||
id: "5", name: "Elizabeth Reed", role: "Office Manager", company: "Reed Specialists", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indian-male-medic-reviews-test-results-with-female-patient-medical-cabinet_482257-118489.jpg"},
|
||||
]}
|
||||
<TestimonialCardThirteen
|
||||
title="Trusted by Local Healthcare Leaders"
|
||||
description="We are proud to serve the medical community with reliability and dedication."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
showRating={true}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Modesto Health", "Valley Lab Systems", "Central Pharmacy Network", "Doctors Memorial Center", "Central Biotech", "Regional Clinic Group", "HealthPlus Logistics"]}
|
||||
title="Serving Leading Medical Facilities"
|
||||
description="Partnering with clinics, hospitals, and medical systems throughout Northern California."
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Dr. Sarah Miller", handle: "@clinic_dir", testimonial: "Extremely reliable and professional service.", rating: 5, icon: Star },
|
||||
{ id: "2", name: "James Henderson", handle: "@lab_tech", testimonial: "Best courier experience in Modesto.", rating: 5, icon: Star }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Do you offer emergency medical courier services?", content: "Yes, we provide 24/7 emergency dispatch to ensure your critical supplies reach their destination ASAP."},
|
||||
{
|
||||
id: "2", title: "Are your staff HIPAA compliant?", content: "All our drivers undergo rigorous training and follow strict security protocols, including full HIPAA compliance."},
|
||||
{
|
||||
id: "3", title: "Do you offer temperature controlled shipping?", content: "Absolutely. We utilize state-of-the-art cold-chain equipment for all pharmaceuticals and samples requiring specific conditions."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Need clarity? Find common answers about our logistics processes below."
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="split"
|
||||
faqs={[
|
||||
{ id: "1", title: "Are you HIPAA compliant?", content: "Yes, all our drivers are fully trained in HIPAA protocols." },
|
||||
{ id: "2", title: "Do you offer 24/7 service?", content: "Yes, we provide round-the-clock emergency support." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Your Service?"
|
||||
description="Speak to our team today about your facility's medical transport needs in Modesto."
|
||||
<ContactSplitForm
|
||||
title="Get in Touch"
|
||||
description="Ready to discuss your medical logistics needs?"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
mediaPosition="right"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663036.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bold-metro-station-chatelet-paris_23-2148232435.jpg"
|
||||
logoText="ModestoMed Couriers"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cold Chain Logistics", href: "#features"},
|
||||
{
|
||||
label: "Parcel Security", href: "#features"},
|
||||
{
|
||||
label: "Emergency Dispatch", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "HIPAA Compliance", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }] },
|
||||
{ title: "Services", items: [{ label: "Logistics", href: "#features" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 ModestoMed Couriers"
|
||||
bottomRightText="Modesto, CA"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user