Merge version_2 into main #2
272
src/app/page.tsx
272
src/app/page.tsx
@@ -29,109 +29,37 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Vision",
|
||||
id: "#vision",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Showcase",
|
||||
id: "#showcase",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Work", id: "#showcase" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Your Business"
|
||||
brandName="Your Business Plumbing"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Your Business"
|
||||
description="Refining the standards of excellence. A bespoke experience curated for those who value absolute precision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Begin Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-quail-eggs-near-feathers-can_23-2148073842.jpg?_wi=1"
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Business Plumbing"
|
||||
description="Professional plumbing services you can rely on. From emergency repairs to comprehensive installations, we provide precision care for your home and business."
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509090-th73p71k.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722558.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Uncompromising Quality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Discretion",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Consulting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Curation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Results",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="vision" data-section="vision">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Redefining Luxury"
|
||||
description="We blend craftsmanship with modern strategic thinking to deliver unparalleled results for discerning clients. Our vision is built on discretion, precision, and an unwavering commitment to quality."
|
||||
title="Trusted Expertise"
|
||||
description="With over a decade of dedication, we deliver high-quality plumbing solutions with honesty, reliability, and technical precision."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Expertise",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Bespoke Projects",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
},
|
||||
{ value: "10+", title: "Years Experience" },
|
||||
{ value: "500+", title: "Projects Completed" },
|
||||
{ value: "100%", title: "Customer Satisfaction" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-designer-s-studio-with-essential-elements_23-2150414739.jpg"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-gwjtpxlx.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -141,44 +69,14 @@ export default function LandingPage() {
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Bespoke Solutions",
|
||||
author: "Custom Strategy",
|
||||
description: "Tailored frameworks designed to solve your most complex challenges with elegance.",
|
||||
tags: [
|
||||
"Strategy",
|
||||
"Private",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-corporate-meeting-mock-up_23-2148339363.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Private Consulting",
|
||||
author: "Strategic Advisory",
|
||||
description: "Discreet, high-level guidance for high-net-worth individuals and professionals.",
|
||||
tags: [
|
||||
"Consulting",
|
||||
"Exclusive",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Elite Experiences",
|
||||
author: "Curation",
|
||||
description: "Access to unparalleled lifestyle and business opportunities curated just for you.",
|
||||
tags: [
|
||||
"Experiences",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futurist-texture-wallpaper_23-2151860524.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Emergency Repair", author: "24/7 Availability", description: "Fast, reliable response for urgent leaks and bursts.", tags: ["Emergency", "Plumbing"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-x0swrctm.jpg" },
|
||||
{ id: "s2", title: "System Installation", author: "Professional Setup", description: "High-efficiency plumbing systems for new constructions and renovations.", tags: ["Install", "Upgrade"] },
|
||||
{ id: "s3", title: "Maintenance", author: "Preventative Care", description: "Regular inspections to keep your systems running optimally.", tags: ["Maintenance", "Service"] },
|
||||
]}
|
||||
title="Elite Offerings"
|
||||
description="A curated suite of services designed for maximum impact and exclusivity."
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions for every plumbing requirement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -189,85 +87,23 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Project Alpha",
|
||||
price: "Prestige",
|
||||
variant: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Project Beta",
|
||||
price: "High-End",
|
||||
variant: "Curated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-relaxing-couch-with-magazine_23-2148415909.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Project Gamma",
|
||||
price: "Luxury",
|
||||
variant: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-stairs-warm-light-home-office_169016-69174.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Project Delta",
|
||||
price: "Prestige",
|
||||
variant: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-unknown-young-man-posing_23-2149417575.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Project Epsilon",
|
||||
price: "High-End",
|
||||
variant: "Curated",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-relaxing-couch-with-magazine_23-2148415909.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Project Zeta",
|
||||
price: "Luxury",
|
||||
variant: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-stairs-warm-light-home-office_169016-69174.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Drain Cleaning", price: "Professional Grade", variant: "Service", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509090-th73p71k.jpg" },
|
||||
{ id: "p2", name: "Pipe Retrofit", price: "Modern Tech", variant: "Service", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-gwjtpxlx.jpg" },
|
||||
{ id: "p3", name: "Water Heater", price: "Installation", variant: "Service", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-x0swrctm.jpg" },
|
||||
]}
|
||||
title="The Showcase"
|
||||
description="A visual testament to the standards we uphold."
|
||||
title="Service Showcase"
|
||||
description="A visual look at our standard of quality."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Arthur Sterling",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-caucasian-woman-black-glasses-clothes-looks-camera-sitting-indoors-with-glass-booze-stylish-lady-having-good-time_197531-32097.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Eleanor Vane",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-black-man-wearing-suit-felt-hat_613910-1878.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-rich-woman-sitting-home_23-2149722558.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Aurelius",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophia Laurent",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6611.jpg",
|
||||
},
|
||||
{ id: "t1", name: "John Doe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509090-th73p71k.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-gwjtpxlx.jpg" },
|
||||
]}
|
||||
cardTitle="Client Perspectives"
|
||||
cardTitle="Trusted by Homeowners"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
@@ -276,52 +112,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Begin Your Journey"
|
||||
description="Ready to experience excellence? Contact us for a private consultation."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/set-quail-eggs-near-feathers-can_23-2148073842.jpg?_wi=2"
|
||||
tag="Contact Us"
|
||||
title="Book A Service"
|
||||
description="Request a quote or emergency service visit below."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C7qjJ90wkN1y0VFZRCB5YX80dR/uploaded-1775747509091-x0swrctm.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#vision",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#showcase",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Repairs", href: "#services" }, { label: "Installations", href: "#services" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
logoText="Your Business"
|
||||
copyrightText="© 2025 Your Business. All rights reserved."
|
||||
logoText="Your Business Plumbing"
|
||||
copyrightText="© 2025 Your Business Plumbing."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user