Merge version_1 into main #2
332
src/app/page.tsx
332
src/app/page.tsx
@@ -32,49 +32,26 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Trust", id: "trust" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
brandName="AuraSanitary"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="AuraSanitary"
|
||||
description="Modern plumbing solutions for the modern home. High-end quality, precision-driven installations, and reliable expert care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Service",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg?_wi=1"
|
||||
buttons={[{ text: "Request Service", href: "#contact" }, { text: "Get a Quote", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg"
|
||||
imageAlt="Professional plumbing team"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -85,21 +62,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Why AuraSanitary?"
|
||||
metrics={[
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fast Response",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "1k+",
|
||||
},
|
||||
{ icon: Zap, label: "Fast Response", value: "24/7" },
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: CheckCircle, label: "Projects Completed", value: "1k+" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -112,50 +77,26 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Installation",
|
||||
description: "High-end bath and kitchen hardware integration.",
|
||||
icon: Settings,
|
||||
title: "Precision Installation", description: "High-end bath and kitchen hardware integration.", icon: Settings,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335676.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2356.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg?_wi=2",
|
||||
imageAlt: "modern plumbing tools",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335676.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2356.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Modern Heating",
|
||||
description: "Energy-efficient and intelligent heating systems.",
|
||||
icon: Droplets,
|
||||
title: "Modern Heating", description: "Energy-efficient and intelligent heating systems.", icon: Droplets,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061798.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg?_wi=1",
|
||||
imageAlt: "modern plumbing tools",
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-turning-off-thermostat-energy-crisis_23-2150061798.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/sanitary-equipment_93675-132404.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emergency Care",
|
||||
description: "Reliable 24/7 rapid response for critical issues.",
|
||||
icon: AlertTriangle,
|
||||
title: "Emergency Care", description: "Reliable 24/7 rapid response for critical issues.", icon: AlertTriangle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior_23-2151995357.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-works-air-conditioner_482257-90907.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-grayscale-shot-showerhead-with-water-dripping-down_181624-20446.jpg?_wi=1",
|
||||
imageAlt: "modern plumbing tools",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bathroom-interior_23-2151995357.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/worker-works-air-conditioner_482257-90907.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Premium Solutions"
|
||||
description="Providing specialized installation and repair services with modern technical standards."
|
||||
@@ -169,60 +110,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AuraSanitary",
|
||||
name: "Luxury Master Bath",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AuraSanitary",
|
||||
name: "Designer Shower",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-grayscale-shot-showerhead-with-water-dripping-down_181624-20446.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AuraSanitary",
|
||||
name: "Copper Piping Setup",
|
||||
price: "Technical",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-871.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "AuraSanitary",
|
||||
name: "Modern Vanity",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929531.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "AuraSanitary",
|
||||
name: "Architectural Bath",
|
||||
price: "High-End",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "AuraSanitary",
|
||||
name: "Kitchen Plumbing",
|
||||
price: "Refined",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-kitchen_1157-16350.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "AuraSanitary", name: "Luxury Master Bath", price: "Custom", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg" },
|
||||
{ id: "p2", brand: "AuraSanitary", name: "Designer Shower", price: "Custom", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-grayscale-shot-showerhead-with-water-dripping-down_181624-20446.jpg" },
|
||||
{ id: "p3", brand: "AuraSanitary", name: "Copper Piping Setup", price: "Technical", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-patterned-wall_1359-871.jpg" },
|
||||
{ id: "p4", brand: "AuraSanitary", name: "Modern Vanity", price: "Custom", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929531.jpg" },
|
||||
{ id: "p5", brand: "AuraSanitary", name: "Architectural Bath", price: "High-End", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-hotel-insights-details_23-2149160786.jpg" },
|
||||
{ id: "p6", brand: "AuraSanitary", name: "Kitchen Plumbing", price: "Refined", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-kitchen_1157-16350.jpg" }
|
||||
]}
|
||||
title="Projects Showcase"
|
||||
description="Artisan craft meets modern engineering."
|
||||
@@ -235,54 +128,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
title: "Standard Repair",
|
||||
price: "From $150",
|
||||
period: "/visit",
|
||||
features: [
|
||||
"Diagnostic",
|
||||
"Basic Fixes",
|
||||
"1y Warranty",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom-with-window-overlooking-city_169016-26703.jpg",
|
||||
imageAlt: "Interior of a modern bathroom with a window overlooking the city",
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Modern Bath Upgrade",
|
||||
price: "Quote",
|
||||
period: "/project",
|
||||
features: [
|
||||
"Design Consultation",
|
||||
"Installation",
|
||||
"Premium Parts",
|
||||
],
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg?_wi=3",
|
||||
imageAlt: "Interior of a modern bathroom with a window overlooking the city",
|
||||
},
|
||||
{
|
||||
id: "emergency",
|
||||
title: "Emergency Call",
|
||||
price: "From $350",
|
||||
period: "/call",
|
||||
features: [
|
||||
"24/7 Response",
|
||||
"Priority Status",
|
||||
"Immediate Fix",
|
||||
],
|
||||
button: {
|
||||
text: "Call Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335676.jpg?_wi=2",
|
||||
imageAlt: "Interior of a modern bathroom with a window overlooking the city",
|
||||
},
|
||||
{ id: "standard", title: "Standard Repair", price: "From $150", period: "/visit", features: ["Diagnostic", "Basic Fixes", "1y Warranty"], button: { text: "Book Now" }, imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-bathroom-with-window-overlooking-city_169016-26703.jpg" },
|
||||
{ id: "premium", title: "Modern Bath Upgrade", price: "Quote", period: "/project", features: ["Design Consultation", "Installation", "Premium Parts"], button: { text: "Get Quote" }, imageSrc: "http://img.b2bpic.net/free-photo/view-plumber-tool-box-ready-fixing-problems-bathroom_23-2150990694.jpg" },
|
||||
{ id: "emergency", title: "Emergency Call", price: "From $350", period: "/call", features: ["24/7 Response", "Priority Status", "Immediate Fix"], button: { text: "Call Now" }, imageSrc: "http://img.b2bpic.net/free-photo/doctor-performing-medical-research-lab_23-2149335676.jpg" }
|
||||
]}
|
||||
title="Service Packages"
|
||||
description="Transparent pricing for high-end professional service."
|
||||
@@ -295,27 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Precision Score",
|
||||
description: "Accuracy in installation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576387.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15m",
|
||||
title: "Avg. Arrival",
|
||||
description: "Rapid emergency service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216650.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Always ready to help.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", title: "Precision Score", description: "Accuracy in installation.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576387.jpg" },
|
||||
{ id: "m2", value: "15m", title: "Avg. Arrival", description: "Rapid emergency service.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-home-technology_23-2149216650.jpg" },
|
||||
{ id: "m3", value: "24/7", title: "Availability", description: "Always ready to help.", imageSrc: "http://img.b2bpic.net/free-photo/design-team-busy-working-talking-concept_53876-31190.jpg" }
|
||||
]}
|
||||
title="Service Excellence"
|
||||
description="Technically superior, consistently reliable."
|
||||
@@ -329,26 +159,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Markus Weber"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-smiling-woman-is-trying-beautiful-necklace-posh-jewellery-shop_613910-20742.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-businessman-wearing-glasses_158595-5353.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-white-shirt-dark-photo-studio_613910-3434.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg", alt: "Client 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -358,22 +173,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Need a reliable plumbing expert?"
|
||||
description="Experience professional plumbing excellence today. Contact our team for consultations or urgent assistance."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "#" }, { text: "WhatsApp Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -381,45 +185,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="AuraSanitary"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Imprint",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Installations", href: "#" }, { label: "Repairs", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Projects", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Imprint", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 AuraSanitary GmbH. All rights reserved."
|
||||
/>
|
||||
@@ -427,4 +195,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user