Merge version_1 into main #2
278
src/app/page.tsx
278
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Bath, PaintBucket, Hammer, Home } from 'lucide-react';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -31,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AMAN"
|
||||
/>
|
||||
@@ -54,47 +43,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Luxury Renovations & Precision Craftsmanship in Amsterdam"
|
||||
description="From bathrooms to full home upgrades — AMAN delivers flawless results with unmatched attention to detail."
|
||||
tag="Trusted Amsterdam Craftsmanship"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0203375742",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "Call Now", href: "tel:0203375742" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg?_wi=1",
|
||||
imageAlt: "Luxury Bathroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg?_wi=1",
|
||||
imageAlt: "Modern Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg?_wi=1",
|
||||
imageAlt: "Custom Carpentry",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg",
|
||||
imageAlt: "Luxury Bathroom",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/facade-building-with-fire-escape_23-2148184244.jpg",
|
||||
imageAlt: "Modern Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6287.jpg",
|
||||
imageAlt: "Custom Carpentry",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg", imageAlt: "Luxury Bathroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg", imageAlt: "Modern Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg", imageAlt: "Custom Carpentry" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-bathroom-background-zoom-calls_23-2149684467.jpg", imageAlt: "Luxury Bathroom" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/facade-building-with-fire-escape_23-2148184244.jpg", imageAlt: "Modern Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-is-working-with-mosquito-wire-screen-installation_1150-6287.jpg", imageAlt: "Custom Carpentry" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,12 +64,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="We don’t just complete jobs — we perfect them."
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Process",
|
||||
href: "#process",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Our Process", href: "#process" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,30 +73,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bathroom Renovations",
|
||||
description: "Elegant and functional spa-like retreats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg?_wi=1",
|
||||
buttonIcon: "Bath",
|
||||
},
|
||||
{
|
||||
title: "Interior Finishing",
|
||||
description: "Flawless wall treatments and detailing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cafe-design-interior-objective-shop-concept_53876-23389.jpg",
|
||||
buttonIcon: "PaintBucket",
|
||||
},
|
||||
{
|
||||
title: "Custom Carpentry",
|
||||
description: "Bespoke pieces tailored to your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg",
|
||||
buttonIcon: "Hammer",
|
||||
},
|
||||
{
|
||||
title: "Full Home Renovations",
|
||||
description: "Complete transformation from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-office-communicating_23-2147668792.jpg",
|
||||
buttonIcon: "Home",
|
||||
},
|
||||
{ title: "Bathroom Renovations", description: "Elegant and functional spa-like retreats.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg", buttonIcon: Bath },
|
||||
{ title: "Interior Finishing", description: "Flawless wall treatments and detailing.", imageSrc: "http://img.b2bpic.net/free-photo/cafe-design-interior-objective-shop-concept_53876-23389.jpg", buttonIcon: PaintBucket },
|
||||
{ title: "Custom Carpentry", description: "Bespoke pieces tailored to your home.", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-drawer-contemporary-design-light-depth_169016-69050.jpg", buttonIcon: Hammer },
|
||||
{ title: "Full Home Renovations", description: "Complete transformation from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-office-communicating_23-2147668792.jpg", buttonIcon: Home },
|
||||
]}
|
||||
title="High-End Craftsmanship Services"
|
||||
description="Discover our comprehensive suite of luxury home improvement solutions."
|
||||
@@ -155,48 +90,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Marble Bathroom",
|
||||
price: "Precision Tiling",
|
||||
variant: "Seamless Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Modern Interior",
|
||||
price: "Bespoke Design",
|
||||
variant: "Warm Aesthetic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brass-kitchen-utensils_1232-1247.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Custom Carpentry",
|
||||
price: "High-end Joinery",
|
||||
variant: "Premium Wood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Full Renovation",
|
||||
price: "Complete Home",
|
||||
variant: "Modern Upgrade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837030.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Detail Finishing",
|
||||
price: "Artistic Lines",
|
||||
variant: "Precise Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Modern Living",
|
||||
price: "Open Concepts",
|
||||
variant: "Luxury Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509511.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Marble Bathroom", price: "Precision Tiling", variant: "Seamless Finish", imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-with-wood-paneling-large-windows_23-2152016398.jpg" },
|
||||
{ id: "p2", name: "Modern Interior", price: "Bespoke Design", variant: "Warm Aesthetic", imageSrc: "http://img.b2bpic.net/free-photo/brass-kitchen-utensils_1232-1247.jpg" },
|
||||
{ id: "p3", name: "Custom Carpentry", price: "High-end Joinery", variant: "Premium Wood", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" },
|
||||
{ id: "p4", name: "Full Renovation", price: "Complete Home", variant: "Modern Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/set-designer-work-indoors_23-2149837030.jpg" },
|
||||
{ id: "p5", name: "Detail Finishing", price: "Artistic Lines", variant: "Precise Detail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg" },
|
||||
{ id: "p6", name: "Modern Living", price: "Open Concepts", variant: "Luxury Living", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509511.jpg" },
|
||||
]}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="Explore our recent luxury projects across Amsterdam."
|
||||
@@ -209,46 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Annelies",
|
||||
handle: "@annelies",
|
||||
testimonial: "AMAN installed a beautiful bathroom — extremely happy with the result.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/famous-facades-lyon-city-france_268835-984.jpg",
|
||||
imageAlt: "Famous facades in Lyon city, France",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex M",
|
||||
handle: "@alexm",
|
||||
testimonial: "Work was decent, but required close supervision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg?_wi=2",
|
||||
imageAlt: "Famous facades in Lyon city, France",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Mark V",
|
||||
handle: "@markv",
|
||||
testimonial: "Absolute professional finish. Truly detail-obsessed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg?_wi=2",
|
||||
imageAlt: "Famous facades in Lyon city, France",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sophie K",
|
||||
handle: "@sophiek",
|
||||
testimonial: "They transformed our entire kitchen into a masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg?_wi=2",
|
||||
imageAlt: "Famous facades in Lyon city, France",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David L",
|
||||
handle: "@davidl",
|
||||
testimonial: "Transparent pricing and great communication throughout.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg?_wi=2",
|
||||
imageAlt: "Famous facades in Lyon city, France",
|
||||
},
|
||||
{ id: "t1", name: "Annelies", handle: "@annelies", testimonial: "AMAN installed a beautiful bathroom — extremely happy with the result.", imageSrc: "http://img.b2bpic.net/free-photo/famous-facades-lyon-city-france_268835-984.jpg" },
|
||||
{ id: "t2", name: "Alex M", handle: "@alexm", testimonial: "Work was decent, but required close supervision.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg" },
|
||||
{ id: "t3", name: "Mark V", handle: "@markv", testimonial: "Absolute professional finish. Truly detail-obsessed.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg" },
|
||||
{ id: "t4", name: "Sophie K", handle: "@sophiek", testimonial: "They transformed our entire kitchen into a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/parallel-sections-warm-lighting-clean-kitchen_169016-68872.jpg" },
|
||||
{ id: "t5", name: "David L", handle: "@davidl", testimonial: "Transparent pricing and great communication throughout.", imageSrc: "http://img.b2bpic.net/free-photo/mid-century-interior-design_23-2151902064.jpg" },
|
||||
]}
|
||||
title="Trusted by Homeowners Across Amsterdam"
|
||||
description="Real feedback from our satisfied clients."
|
||||
@@ -261,34 +125,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "01",
|
||||
title: "Consultation",
|
||||
description: "We discuss your vision in depth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "02",
|
||||
title: "Transparent Quote",
|
||||
description: "Clear pricing with no hidden costs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821371.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "03",
|
||||
title: "Execution",
|
||||
description: "Clean, precise work on your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278628.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "04",
|
||||
title: "Delivery",
|
||||
description: "A truly flawless finish for you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg",
|
||||
},
|
||||
{ id: "m1", value: "01", title: "Consultation", description: "We discuss your vision in depth.", imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-modern-beautiful-decoration_181624-44716.jpg" },
|
||||
{ id: "m2", value: "02", title: "Transparent Quote", description: "Clear pricing with no hidden costs.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821371.jpg" },
|
||||
{ id: "m3", value: "03", title: "Execution", description: "Clean, precise work on your home.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278628.jpg" },
|
||||
{ id: "m4", value: "04", title: "Delivery", description: "A truly flawless finish for you.", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885659.jpg" },
|
||||
]}
|
||||
title="A Smooth, Stress-Free Process"
|
||||
description="Our proven 4-step framework for excellence."
|
||||
@@ -299,21 +139,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free estimates?",
|
||||
content: "Yes, we provide transparent and free consultations.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does a typical bathroom take?",
|
||||
content: "Depending on complexity, usually 2-4 weeks.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are you fully insured?",
|
||||
content: "Absolutely, we carry comprehensive insurance for all projects.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer free estimates?", content: "Yes, we provide transparent and free consultations." },
|
||||
{ id: "f2", title: "How long does a typical bathroom take?", content: "Depending on complexity, usually 2-4 weeks." },
|
||||
{ id: "f3", title: "Are you fully insured?", content: "Absolutely, we carry comprehensive insurance for all projects." },
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -323,9 +151,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire Today"
|
||||
title="Start Your Project Today"
|
||||
description="Reach out and let's craft your space."
|
||||
@@ -338,36 +164,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="AMAN"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Bathrooms",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Interior",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Bathrooms", href: "#services" }, { label: "Interior", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user