Update src/app/page.tsx
This commit is contained in:
385
src/app/page.tsx
385
src/app/page.tsx
@@ -27,279 +27,132 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Why Us",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Briggs Chaney"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Why Us", id: "why-us" },
|
||||
{ name: "Location", id: "contact" },
|
||||
]}
|
||||
brandName="Briggs Chaney"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Clean Clothes. Fast Service. Open Daily."
|
||||
description="Briggs Chaney Super Laundromat offers state-of-the-art washing technology in a clean, safe, and friendly environment."
|
||||
kpis={[
|
||||
{
|
||||
value: "100+",
|
||||
label: "Machines",
|
||||
},
|
||||
{
|
||||
value: "7",
|
||||
label: "Days Open",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Security",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42354.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-inside-laundromat-room-with-vintage-decor-washing-machines_23-2151176180.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42348.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-laundrette_1303-19582.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/washing-machines-laundromat_53876-143003.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-black-woman-with-afro-hair-laughing-enjoying_150588-163.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 5,000+ happy neighbors"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Efficiency Machines",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Wash & Fold Available",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Large Capacity Washers",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Security Cameras",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Free High-Speed WiFi",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Clean Clothes. Fast Service. Open Daily."
|
||||
description="Briggs Chaney Super Laundromat offers state-of-the-art washing technology in a clean, safe, and friendly environment."
|
||||
kpis={[
|
||||
{ value: "100+", label: "Machines" },
|
||||
{ value: "7", label: "Days Open" },
|
||||
{ value: "24/7", label: "Security" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42354.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-inside-laundromat-room-with-vintage-decor-washing-machines_23-2151176180.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42348.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-pretty-woman-laundrette_1303-19582.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/washing-machines-laundromat_53876-143003.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-black-woman-with-afro-hair-laughing-enjoying_150588-163.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Join 5,000+ happy neighbors"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "High-Efficiency Machines" },
|
||||
{ type: "text", text: "Wash & Fold Available" },
|
||||
{ type: "text", text: "Large Capacity Washers" },
|
||||
{ type: "text", text: "24/7 Security Cameras" },
|
||||
{ type: "text", text: "Free High-Speed WiFi" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "Self-Service Laundry",
|
||||
description: "High-efficiency washers and dryers for all your laundry needs.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Wash & Fold",
|
||||
description: "Drop off your laundry and let our professional staff handle the rest.",
|
||||
},
|
||||
{
|
||||
icon: Archive,
|
||||
title: "Large Capacity Washers",
|
||||
description: "Perfect for heavy blankets, comforters, and large family loads.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Fast Dryers",
|
||||
description: "Save time with our ultra-fast heating dryers.",
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Free WiFi",
|
||||
description: "Stay connected and entertained while you wait.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Clean Facility",
|
||||
description: "Our facility is maintained daily to ensure a clean experience.",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We provide a range of laundry services designed to make your chores faster, easier, and more affordable."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Droplets, title: "Self-Service Laundry", description: "High-efficiency washers and dryers for all your laundry needs." },
|
||||
{ icon: Star, title: "Wash & Fold", description: "Drop off your laundry and let our professional staff handle the rest." },
|
||||
{ icon: Archive, title: "Large Capacity Washers", description: "Perfect for heavy blankets, comforters, and large family loads." },
|
||||
{ icon: Zap, title: "Fast Dryers", description: "Save time with our ultra-fast heating dryers." },
|
||||
{ icon: Wifi, title: "Free WiFi", description: "Stay connected and entertained while you wait." },
|
||||
{ icon: Sparkles, title: "Clean Facility", description: "Our facility is maintained daily to ensure a clean experience." },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We provide a range of laundry services designed to make your chores faster, easier, and more affordable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Briggs Chaney"
|
||||
tag="Our Value"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Affordable",
|
||||
description: "Competitive pricing to suit every budget.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Modern",
|
||||
description: "State-of-the-art machines maintained regularly.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Safe & Clean",
|
||||
description: "24/7 security and professional daily cleaning.",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Friendly",
|
||||
description: "Welcoming staff ready to assist you.",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Why Choose Briggs Chaney"
|
||||
tag="Our Value"
|
||||
metrics={[
|
||||
{ id: "m1", value: "Affordable", description: "Competitive pricing to suit every budget." },
|
||||
{ id: "m2", value: "Modern", description: "State-of-the-art machines maintained regularly." },
|
||||
{ id: "m3", value: "Safe & Clean", description: "24/7 security and professional daily cleaning." },
|
||||
{ id: "m4", value: "Friendly", description: "Welcoming staff ready to assist you." },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What are your business hours?",
|
||||
content: "We are open daily from 6 AM to 10 PM.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer drop-off services?",
|
||||
content: "Yes, our wash and fold service is available daily.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you have large machines?",
|
||||
content: "Absolutely, we have specialized large-capacity washers for comforters.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "What are your business hours?", content: "We are open daily from 6 AM to 10 PM." },
|
||||
{ id: "f2", title: "Do you offer drop-off services?", content: "Yes, our wash and fold service is available daily." },
|
||||
{ id: "f3", title: "Do you have large machines?", content: "Absolutely, we have specialized large-capacity washers for comforters." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Local Resident",
|
||||
testimonial: "The cleanest laundromat in Silver Spring. Always reliable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-man-drawing-canvas-art-class-paying-attention-inspiration-model-teacher-artistic-lesson-workshop-learn-how-draw-professional-sketch-design_482257-43120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Frequent Customer",
|
||||
testimonial: "Fast dryers and friendly staff make it worth the trip.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Chen",
|
||||
role: "Wash & Fold User",
|
||||
testimonial: "My clothes always come back perfectly folded. Great service!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4514.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Roberts",
|
||||
role: "Local Customer",
|
||||
testimonial: "Affordable and very convenient location.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salesman-hypermarket-wearing-medical-mask-demonstrates-his-clients-new-washing-machine_93675-134475.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "Local Resident",
|
||||
testimonial: "Safety is important to me, and this place feels great.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laundromat-worker_1098-13867.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our local community members about their experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Local Resident", testimonial: "The cleanest laundromat in Silver Spring. Always reliable.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-man-drawing-canvas-art-class-paying-attention-inspiration-model-teacher-artistic-lesson-workshop-learn-how-draw-professional-sketch-design_482257-43120.jpg" },
|
||||
{ id: "t2", name: "John Doe", role: "Frequent Customer", testimonial: "Fast dryers and friendly staff make it worth the trip.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-smiling-with-top-hat-thumbs-up_1187-1549.jpg" },
|
||||
{ id: "t3", name: "Emily Chen", role: "Wash & Fold User", testimonial: "My clothes always come back perfectly folded. Great service!", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4514.jpg" },
|
||||
{ id: "t4", name: "Mark Roberts", role: "Local Customer", testimonial: "Affordable and very convenient location.", imageSrc: "http://img.b2bpic.net/free-photo/salesman-hypermarket-wearing-medical-mask-demonstrates-his-clients-new-washing-machine_93675-134475.jpg" },
|
||||
{ id: "t5", name: "Jessica Lee", role: "Local Resident", testimonial: "Safety is important to me, and this place feels great.", imageSrc: "http://img.b2bpic.net/free-photo/laundromat-worker_1098-13867.jpg" },
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear from our local community members about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Visit us at 13800 Old Columbia Pike, Silver Spring, MD. Open daily 6AM - 10PM."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://maps.google.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Visit us at 13800 Old Columbia Pike, Silver Spring, MD. Open daily 6AM - 10PM."
|
||||
buttons={[{ text: "Get Directions", href: "https://maps.google.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Briggs Chaney Super Laundromat"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Briggs Chaney Super Laundromat"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user