Merge version_1 into main #1
213
src/app/page.tsx
213
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Next Plumbing & Heating"
|
||||
/>
|
||||
@@ -56,60 +48,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Next Generation Plumbing & Heating"
|
||||
description="Excellence in every pipe. Premium 24/7 service for the modern home, backed by gold-standard guarantees."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/small-bathroom-with-modern-style-ai-generated_23-2150694962.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "Portrait of smiling waitress",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "Portrait of smiling waitress"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",
|
||||
alt: "Portrait smiley business man",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Portrait smiley business man"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg",
|
||||
alt: "Smiling man in suit looking at camera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-suit-looking-camera_23-2148112202.jpg", alt: "Smiling man in suit looking at camera"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Smiling female staff at airport terminal",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg", alt: "Smiling female staff at airport terminal"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg",
|
||||
alt: "Smiling young blonde superhero woman in red cape wearing glasses with closed eyes isolated on white wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-superhero-woman-red-cape-wearing-glasses-with-closed-eyes-isolated-white-wall_141793-85636.jpg", alt: "Smiling young blonde superhero woman in red cape wearing glasses with closed eyes isolated on white wall"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Emergency Support",
|
||||
},
|
||||
type: "text", text: "24/7 Emergency Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "10-Year Guarantee",
|
||||
},
|
||||
type: "text", text: "10-Year Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed Experts",
|
||||
},
|
||||
type: "text", text: "Licensed Experts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fixed-Price Quotes",
|
||||
},
|
||||
type: "text", text: "Fixed-Price Quotes"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Tech",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Tech"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,25 +91,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Year Guarantee",
|
||||
description: "Long-term peace of mind.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+", title: "Year Guarantee", description: "Long-term peace of mind.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Availability",
|
||||
description: "Always there when needed.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "24/7", title: "Availability", description: "Always there when needed.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Committed to quality.",
|
||||
icon: CheckCircle,
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Committed to quality.", icon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
@@ -156,25 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Heating Installation",
|
||||
description: "Custom boiler and heating systems.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg",
|
||||
},
|
||||
title: "Heating Installation", description: "Custom boiler and heating systems.", imageSrc: "http://img.b2bpic.net/free-photo/copper-faucet-smooth-lines-warm-metal_169016-69461.jpg"},
|
||||
{
|
||||
title: "Emergency Repair",
|
||||
description: "24/7 rapid response units.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151294150.jpg",
|
||||
},
|
||||
title: "Emergency Repair", description: "24/7 rapid response units.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-triangle_23-2151294150.jpg"},
|
||||
{
|
||||
title: "Maintenance Plans",
|
||||
description: "Comprehensive annual care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148229079.jpg",
|
||||
},
|
||||
title: "Maintenance Plans", description: "Comprehensive annual care.", imageSrc: "http://img.b2bpic.net/free-vector/flat-labor-day-badge-collection_23-2148229079.jpg"},
|
||||
{
|
||||
title: "Smart Controls",
|
||||
description: "Modern thermostat integration.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/fire-cog_78370-7473.jpg",
|
||||
},
|
||||
title: "Smart Controls", description: "Modern thermostat integration.", imageSrc: "http://img.b2bpic.net/free-vector/fire-cog_78370-7473.jpg"},
|
||||
]}
|
||||
title="Premium Services"
|
||||
description="Sophisticated solutions for every plumbing and heating challenge."
|
||||
@@ -188,9 +133,7 @@ export default function LandingPage() {
|
||||
description="We blend heritage quality with modern technology, providing luxury-tier service to every homeowner."
|
||||
metrics={[
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Homes",
|
||||
},
|
||||
value: "5000+", title: "Happy Homes"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/classical-background-house-bath-interior_1203-5614.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -200,52 +143,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Boiler A",
|
||||
price: "$1200",
|
||||
variant: "Gold Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphite-sectional-radiator-vertical-symmetry-heating-design_169016-69034.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Boiler A", price: "$1200", variant: "Gold Series", imageSrc: "http://img.b2bpic.net/free-photo/graphite-sectional-radiator-vertical-symmetry-heating-design_169016-69034.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Designer Tap",
|
||||
price: "$300",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-eco-cosmetics-concept_23-2148778651.jpg",
|
||||
},
|
||||
id: "p2", name: "Designer Tap", price: "$300", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-eco-cosmetics-concept_23-2148778651.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Hub",
|
||||
price: "$450",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-with-kitchen-control_23-2148994128.jpg",
|
||||
},
|
||||
id: "p3", name: "Smart Hub", price: "$450", variant: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartphone-with-kitchen-control_23-2148994128.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Designer Radiator",
|
||||
price: "$800",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg",
|
||||
},
|
||||
id: "p4", name: "Designer Radiator", price: "$800", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-with-cancer-having-drink-home_23-2151056036.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Water Purifier",
|
||||
price: "$600",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19744.jpg",
|
||||
},
|
||||
id: "p5", name: "Water Purifier", price: "$600", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-with-steel-sink-stylish-modern-kitchen_169016-19744.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Service Toolkit",
|
||||
price: "$200",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg",
|
||||
},
|
||||
id: "p6", name: "Service Toolkit", price: "$200", variant: "Pro", imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg"},
|
||||
]}
|
||||
title="Top-Tier Hardware"
|
||||
description="We supply and install only the industry's most reliable and elegant hardware."
|
||||
@@ -257,30 +171,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg",
|
||||
},
|
||||
id: "5", name: "Emily K.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman-looking-camera_23-2147839978.jpg"},
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Trust"
|
||||
@@ -294,20 +193,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer emergency calls?",
|
||||
content: "Yes, our team is on call 24/7.",
|
||||
},
|
||||
id: "f1", title: "Do you offer emergency calls?", content: "Yes, our team is on call 24/7."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the warranty?",
|
||||
content: "We offer a 10-year guarantee on installations.",
|
||||
},
|
||||
id: "f2", title: "What is the warranty?", content: "We offer a 10-year guarantee on installations."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is pricing fixed?",
|
||||
content: "We provide transparent, fixed-price quotes.",
|
||||
},
|
||||
id: "f3", title: "Is pricing fixed?", content: "We provide transparent, fixed-price quotes."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Answers to your plumbing and heating questions."
|
||||
@@ -319,8 +209,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Book Your Consultation"
|
||||
description="Professional solutions await. Let's start a project today."
|
||||
@@ -334,29 +223,19 @@ export default function LandingPage() {
|
||||
logoText="Next Plumbing & Heating"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Installations",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Installations", href: "#services"},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Repairs", href: "#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user