Merge version_2 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projects", id: "products"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Levelline"
|
||||
/>
|
||||
@@ -63,15 +51,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Transforming Your Space, Level by Level"
|
||||
description="Levelline Bathrooms & Plumbing delivers premium renovation results, from stunning bathroom transformations to full home builds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5gy7v"
|
||||
/>
|
||||
@@ -92,20 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bathroom Renovations",
|
||||
description: "High-end bathroom transformations with custom design.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wc94",
|
||||
},
|
||||
title: "Bathroom Renovations", description: "High-end bathroom transformations with custom design.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10wc94"},
|
||||
{
|
||||
title: "Kitchen Remodeling",
|
||||
description: "Professional kitchen upgrades focusing on workflow and style.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1yh43e",
|
||||
},
|
||||
title: "Kitchen Remodeling", description: "Professional kitchen upgrades focusing on workflow and style.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1yh43e"},
|
||||
{
|
||||
title: "Laundry Upgrades",
|
||||
description: "Efficient laundry room designs for optimal home utility.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bmjc0",
|
||||
},
|
||||
title: "Laundry Upgrades", description: "Efficient laundry room designs for optimal home utility.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8bmjc0"},
|
||||
]}
|
||||
title="Professional Renovation Services"
|
||||
description="Specialized services tailored to upgrade your home's functionality and aesthetic value."
|
||||
@@ -120,59 +96,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Levelline",
|
||||
name: "Master Bathroom Oasis",
|
||||
price: "Renovation",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vj3cf",
|
||||
},
|
||||
id: "p1", brand: "Levelline", name: "Master Bathroom Oasis", price: "Renovation", rating: 5,
|
||||
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vj3cf"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Levelline",
|
||||
name: "Modern Kitchen Upgrade",
|
||||
price: "Renovation",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5y0j2",
|
||||
},
|
||||
id: "p2", brand: "Levelline", name: "Modern Kitchen Upgrade", price: "Renovation", rating: 5,
|
||||
reviewCount: "8", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5y0j2"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Levelline",
|
||||
name: "Studio Transformation",
|
||||
price: "Full Build",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=le796p",
|
||||
},
|
||||
id: "p3", brand: "Levelline", name: "Studio Transformation", price: "Full Build", rating: 5,
|
||||
reviewCount: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=le796p"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Levelline",
|
||||
name: "Laundry Room Utility",
|
||||
price: "Remodel",
|
||||
rating: 5,
|
||||
reviewCount: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku7n3p",
|
||||
},
|
||||
id: "p4", brand: "Levelline", name: "Laundry Room Utility", price: "Remodel", rating: 5,
|
||||
reviewCount: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku7n3p"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Levelline",
|
||||
name: "Shower Installation",
|
||||
price: "Plumbing",
|
||||
rating: 5,
|
||||
reviewCount: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3wole",
|
||||
},
|
||||
id: "p5", brand: "Levelline", name: "Shower Installation", price: "Plumbing", rating: 5,
|
||||
reviewCount: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z3wole"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Levelline",
|
||||
name: "Kitchen Worktops",
|
||||
price: "Upgrade",
|
||||
rating: 5,
|
||||
reviewCount: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=waqclq",
|
||||
},
|
||||
id: "p6", brand: "Levelline", name: "Kitchen Worktops", price: "Upgrade", rating: 5,
|
||||
reviewCount: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=waqclq"},
|
||||
]}
|
||||
title="Recent Project Gallery"
|
||||
description="A collection of our completed works, showcasing our commitment to detail and quality finishes."
|
||||
@@ -186,59 +126,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Amanda Ford",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjeuut",
|
||||
},
|
||||
id: "1", name: "Amanda Ford", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjeuut"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sharlita Walters",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=clvks9",
|
||||
},
|
||||
id: "2", name: "Sharlita Walters", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=clvks9"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Nitin Menon",
|
||||
role: "Investor",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3r247",
|
||||
},
|
||||
id: "3", name: "Nitin Menon", role: "Investor", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p3r247"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bb390h",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bb390h"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
company: "Client",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xcfhl0",
|
||||
},
|
||||
id: "5", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xcfhl0"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "156+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "156+", label: "Satisfied Clients"},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Avg. Rating",
|
||||
},
|
||||
value: "5.0", label: "Avg. Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Quality Assured",
|
||||
},
|
||||
value: "100%", label: "Quality Assured"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our happy homeowners have to say about their Levelline renovation journey."
|
||||
@@ -252,34 +161,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150+",
|
||||
title: "Completed Renovations",
|
||||
items: [
|
||||
"Bathroom",
|
||||
"Kitchen",
|
||||
"Laundry",
|
||||
],
|
||||
id: "m1", value: "150+", title: "Completed Renovations", items: [
|
||||
"Bathroom", "Kitchen", "Laundry"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Building",
|
||||
"Plumbing",
|
||||
"Design",
|
||||
],
|
||||
id: "m2", value: "10+", title: "Years Experience", items: [
|
||||
"Building", "Plumbing", "Design"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24h",
|
||||
title: "Helpful Service",
|
||||
items: [
|
||||
"Responsive",
|
||||
"Supportive",
|
||||
"Reliable",
|
||||
],
|
||||
id: "m3", value: "24h", title: "Helpful Service", items: [
|
||||
"Responsive", "Supportive", "Reliable"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Levelline?"
|
||||
@@ -293,20 +184,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you handle full home renovations?",
|
||||
content: "Yes, we handle full-scale renovations including kitchens, bathrooms, and entire studio spaces.",
|
||||
},
|
||||
id: "q1", title: "Do you handle full home renovations?", content: "Yes, we handle full-scale renovations including kitchens, bathrooms, and entire studio spaces."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you licensed plumbers?",
|
||||
content: "Absolutely, plumbing is at the heart of our service ensuring all renovations are legally compliant.",
|
||||
},
|
||||
id: "q2", title: "Are you licensed plumbers?", content: "Absolutely, plumbing is at the heart of our service ensuring all renovations are legally compliant."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do I get a consultation?",
|
||||
content: "Reach out through our contact form or call us to discuss your vision.",
|
||||
},
|
||||
id: "q3", title: "How do I get a consultation?", content: "Reach out through our contact form or call us to discuss your vision."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ksvofc"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -321,16 +203,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Ready to Start?"
|
||||
title="Let's Renovate Your Space"
|
||||
description="Contact Levelline Group for a professional assessment and quote on your next project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call 0411 887 722",
|
||||
href: "tel:0411887722",
|
||||
},
|
||||
text: "Call 0411 887 722", href: "tel:0411887722"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5faff;
|
||||
--card: #f1f8ff;
|
||||
--foreground: #001122;
|
||||
--background: #ffffff;
|
||||
--card: #f5f5f5;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #f5faff;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #e5e7eb;
|
||||
--secondary-cta-text: #001122;
|
||||
--accent: #a8cce8;
|
||||
--background-accent: #7ba3cf;
|
||||
--accent: #94a3b8;
|
||||
--background-accent: #f1f5f9;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user