Update src/app/page.tsx
This commit is contained in:
171
src/app/page.tsx
171
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -21,31 +21,23 @@ export default function LandingPage() {
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="inset"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tumbledry"
|
||||
/>
|
||||
@@ -54,19 +46,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
logoText="Tumbledry"
|
||||
description="Professional Dry Cleaning & Laundry Services. Expert care for your delicate garments, delivered with speed and precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Pickup",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule Pickup", href: "#contact"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "View Pricing", href: "#pricing"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-frame-closet-hanger-with-empty-hangers-sale-idea_166373-4556.jpg"
|
||||
imageAlt="Professional laundry service display"
|
||||
@@ -81,26 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dry Cleaning",
|
||||
subtitle: "Gentle care for professional wear.",
|
||||
category: "Care",
|
||||
value: "Premium",
|
||||
},
|
||||
id: "f1", title: "Dry Cleaning", subtitle: "Gentle care for professional wear.", category: "Care", value: "Premium"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wash & Fold",
|
||||
subtitle: "Fresh, clean laundry delivered daily.",
|
||||
category: "Daily",
|
||||
value: "Fast",
|
||||
},
|
||||
id: "f2", title: "Wash & Fold", subtitle: "Fresh, clean laundry delivered daily.", category: "Daily", value: "Fast"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Garment Alteration",
|
||||
subtitle: "Expert tailoring for a perfect fit.",
|
||||
category: "Tailor",
|
||||
value: "Precision",
|
||||
},
|
||||
id: "f3", title: "Garment Alteration", subtitle: "Expert tailoring for a perfect fit.", category: "Tailor", value: "Precision"},
|
||||
]}
|
||||
title="Expert Cleaning Services"
|
||||
description="From daily wear to wedding gowns, we treat every garment with the highest standard of professional care."
|
||||
@@ -114,20 +86,11 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Garments Cleaned Monthly",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Garments Cleaned Monthly"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.8%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m2", value: "99.8%", description: "Customer Satisfaction"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24hr",
|
||||
description: "Turnaround Time",
|
||||
},
|
||||
id: "m3", value: "24hr", description: "Turnaround Time"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -140,49 +103,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$29",
|
||||
name: "Wash & Fold",
|
||||
buttons: [
|
||||
id: "p1", price: "$29", name: "Wash & Fold", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"Up to 10lbs",
|
||||
"Same-day delivery",
|
||||
"Eco-friendly soap",
|
||||
],
|
||||
"Up to 10lbs", "Same-day delivery", "Eco-friendly soap"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$45",
|
||||
name: "Dry Clean Bundle",
|
||||
buttons: [
|
||||
id: "p2", price: "$45", name: "Dry Clean Bundle", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"5 Garments",
|
||||
"Expert stain removal",
|
||||
"Free pickup/drop",
|
||||
],
|
||||
"5 Garments", "Expert stain removal", "Free pickup/drop"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$89",
|
||||
name: "The Executive",
|
||||
buttons: [
|
||||
id: "p3", price: "$89", name: "The Executive", buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
text: "Select"},
|
||||
],
|
||||
features: [
|
||||
"Full suit cleaning",
|
||||
"Shirt laundering",
|
||||
"Tailoring included",
|
||||
],
|
||||
"Full suit cleaning", "Shirt laundering", "Tailoring included"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -195,30 +137,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2207.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-studio-fashion-portrait_1328-2207.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
|
||||
},
|
||||
id: "t2", name: "James Chen", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily Davis", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12702.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-tshirt-standing-isolated-white-background-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-25594.jpg",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-casual-tshirt-standing-isolated-white-background-looking-side-relax-profile-pose-with-natural-face-confident-smile_839833-25594.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Ortiz",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg",
|
||||
},
|
||||
id: "t5", name: "Linda Ortiz", imageSrc: "http://img.b2bpic.net/free-photo/young-female-blazer-beauty-blonde_1139-773.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Our Customers"
|
||||
cardAnimation="slide-up"
|
||||
@@ -232,20 +159,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer home pickup?",
|
||||
content: "Yes, we offer complimentary pickup and drop-off in the downtown area.",
|
||||
},
|
||||
id: "q1", title: "Do you offer home pickup?", content: "Yes, we offer complimentary pickup and drop-off in the downtown area."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What cleaning solutions do you use?",
|
||||
content: "We use eco-friendly, non-toxic detergents safe for all fabrics and skin types.",
|
||||
},
|
||||
id: "q2", title: "What cleaning solutions do you use?", content: "We use eco-friendly, non-toxic detergents safe for all fabrics and skin types."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How fast is your turnaround?",
|
||||
content: "Our standard service is 24-48 hours, with express options available.",
|
||||
},
|
||||
id: "q3", title: "How fast is your turnaround?", content: "Our standard service is 24-48 hours, with express options available."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our laundry process."
|
||||
@@ -257,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get Started"
|
||||
title="Ready for a Refresh?"
|
||||
description="Join thousands of satisfied customers who trust Tumbledry with their garments."
|
||||
@@ -266,12 +183,20 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Tumbledry"
|
||||
copyrightText="© 2025 Tumbledry. All rights reserved."
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [{ label: "Dry Cleaning" }, { label: "Wash & Fold" }, { label: "Alterations" }]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [{ label: "About" }, { label: "Careers" }, { label: "Contact" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Tumbledry. All rights reserved."
|
||||
bottomRightText="Terms & Conditions"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user