Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
353
src/app/page.tsx
353
src/app/page.tsx
@@ -26,269 +26,108 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elite Services"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elite Service Excellence for the DFW Metroplex"
|
||||
description="Redefining professionalism with premium care, reliable expertise, and a commitment to quality that speaks for itself."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diagonal-light-rays-dark-abstract-background_84443-83997.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-businessmen-mad-each-other-trying-come-agreement_1150-2622.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ DFW households"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Elite Service Excellence for the DFW Metroplex"
|
||||
description="Redefining professionalism with premium care, reliable expertise, and a commitment to quality that speaks for itself."
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diagonal-light-rays-dark-abstract-background_84443-83997.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-businessmen-mad-each-other-trying-come-agreement_1150-2622.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ DFW households"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Residential Care",
|
||||
author: "Elite Standard",
|
||||
description: "High-end residential services focused on preservation, cleanliness, and value.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multiracial-family-getting-home-consultation-choosig-colors-floor_1157-47964.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Commercial Solutions",
|
||||
author: "Elite Standard",
|
||||
description: "Professional-grade care for businesses, offices, and commercial facilities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-with-gadgets_23-2147689197.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Specialized Removal",
|
||||
author: "Elite Standard",
|
||||
description: "Efficient, clean, and reliable junk removal designed for premium properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-toilet-brushes-home-improvement-store_169016-23903.jpg",
|
||||
},
|
||||
]}
|
||||
title="Premium Service Offerings"
|
||||
description="Comprehensive solutions tailored to your unique needs with unmatched attention to detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Residential Care", author: "Elite Standard", description: "High-end residential services focused on preservation, cleanliness, and value.", imageSrc: "http://img.b2bpic.net/free-photo/multiracial-family-getting-home-consultation-choosig-colors-floor_1157-47964.jpg", videoSrc: "", tags: [] },
|
||||
{ id: "2", title: "Commercial Solutions", author: "Elite Standard", description: "Professional-grade care for businesses, offices, and commercial facilities.", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-businessman-with-gadgets_23-2147689197.jpg", videoSrc: "", tags: [] },
|
||||
{ id: "3", title: "Specialized Removal", author: "Elite Standard", description: "Efficient, clean, and reliable junk removal designed for premium properties.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-toilet-brushes-home-improvement-store_169016-23903.jpg", videoSrc: "", tags: [] },
|
||||
]}
|
||||
title="Premium Service Offerings"
|
||||
description="Comprehensive solutions tailored to your unique needs with unmatched attention to detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: ListChecks,
|
||||
title: "Consultation",
|
||||
value: "Step 01",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: LayoutDashboard,
|
||||
title: "Plan Design",
|
||||
value: "Step 02",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: CheckCircle,
|
||||
title: "Execution",
|
||||
value: "Step 03",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
icon: Award,
|
||||
title: "Final Quality Check",
|
||||
value: "Step 04",
|
||||
},
|
||||
]}
|
||||
title="Our Proven 4-Step Process"
|
||||
description="Designed for transparency, efficiency, and exceptional results every time."
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", icon: ListChecks, title: "Consultation", value: "Step 01" },
|
||||
{ id: "2", icon: LayoutDashboard, title: "Plan Design", value: "Step 02" },
|
||||
{ id: "3", icon: CheckCircle, title: "Execution", value: "Step 03" },
|
||||
{ id: "4", icon: Award, title: "Final Quality Check", value: "Step 04" },
|
||||
]}
|
||||
title="Our Proven 4-Step Process"
|
||||
description="Designed for transparency, efficiency, and exceptional results every time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Exceptional",
|
||||
quote: "The most professional service I've ever used. Absolute luxury.",
|
||||
name: "Sarah Miller",
|
||||
role: "Property Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable",
|
||||
quote: "Elite Services changed the way I think about local service brands.",
|
||||
name: "David Thompson",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Outstanding",
|
||||
quote: "Polite, clean, and remarkably efficient. Truly top-tier work.",
|
||||
name: "Rebecca Chen",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-mad-each-other-trying-come-agreement_1150-2622.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Perfect",
|
||||
quote: "They delivered exactly what was promised with zero hassle.",
|
||||
name: "James Wilson",
|
||||
role: "Client",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Excellent",
|
||||
quote: "A standard of professionalism missing in most local service companies.",
|
||||
name: "Linda Wu",
|
||||
role: "Investor",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Trusted by DFW's finest"
|
||||
description="Hear what our clients have to say about our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Exceptional", quote: "The most professional service I've ever used. Absolute luxury.", name: "Sarah Miller", role: "Property Owner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "2", title: "Reliable", quote: "Elite Services changed the way I think about local service brands.", name: "David Thompson", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg" },
|
||||
{ id: "3", title: "Outstanding", quote: "Polite, clean, and remarkably efficient. Truly top-tier work.", name: "Rebecca Chen", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-mad-each-other-trying-come-agreement_1150-2622.jpg" },
|
||||
{ id: "4", title: "Perfect", quote: "They delivered exactly what was promised with zero hassle.", name: "James Wilson", role: "Client", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg" },
|
||||
{ id: "5", title: "Excellent", quote: "A standard of professionalism missing in most local service companies.", name: "Linda Wu", role: "Investor", imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg" },
|
||||
]}
|
||||
title="Trusted by DFW's finest"
|
||||
description="Hear what our clients have to say about our commitment to excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="cta" data-section="cta">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Ready to begin?"
|
||||
title="Call us for a consultation"
|
||||
description="Speak with our team today at (555) 123-4567 to experience the elite difference."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-businessman-using-cellphone_1098-1218.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Request a Service Quote"
|
||||
description="We serve the entire DFW area. Reach out to schedule your service."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-businessman-using-cellphone_1098-1218.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Request a Service Quote"
|
||||
description="We serve the entire DFW area. Reach out to schedule your service."
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-businessman-using-cellphone_1098-1218.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Elite Services",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "(555) 123-4567",
|
||||
href: "tel:5551234567",
|
||||
},
|
||||
{
|
||||
label: "contact@eliteservices.com",
|
||||
href: "mailto:contact@eliteservices.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Elite Services. All rights reserved."
|
||||
bottomRightText="DFW Metroplex"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Elite Services", items: [{ label: "Services", href: "#services" }, { label: "About Us", href: "#" }] },
|
||||
{ title: "Contact", items: [{ label: "(555) 123-4567", href: "tel:5551234567" }, { label: "contact@eliteservices.com", href: "mailto:contact@eliteservices.com" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
bottomLeftText="© 2024 Elite Services. All rights reserved."
|
||||
bottomRightText="DFW Metroplex"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user