Merge version_3 into main #14
@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'AMAN | Luxury Renovations Amsterdam',
|
||||
description: 'Professional high-end home renovations and craftsmanship in Amsterdam. Transforming spaces with precision and style.',
|
||||
title: 'Welcome to Our Platform',
|
||||
description: 'Empowering your business with cutting-edge technology.',
|
||||
openGraph: {
|
||||
"siteName": "AMAN Klussenbedrijf",
|
||||
"type": "website"
|
||||
|
||||
161
src/app/page.tsx
161
src/app/page.tsx
@@ -10,127 +10,108 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Bath, PaintBucket, Hammer, Home } from "lucide-react";
|
||||
import { ArrowRight, Shield, Zap, Target, Star, CheckCircle } from 'lucide-react';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="AMAN" />
|
||||
<NavbarStyleApple navItems={navItems} />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
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" }]}
|
||||
kpis={[{ value: "150+", label: "Projects" }, { value: "10+", label: "Years" }, { value: "100%", label: "Satisfaction" }]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg"
|
||||
<HeroSplitKpi
|
||||
title="Welcome to Our Platform"
|
||||
description="Empowering your business with cutting-edge technology and seamless integration."
|
||||
background={{ variant: 'plain' }}
|
||||
kpis={[{ value: "10K+", label: "Active Users" }, { value: "99.9%", label: "Uptime" }, { value: "24/7", label: "Support" }]}
|
||||
enableKpiAnimation={true}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: "We don’t just complete jobs — we " }, { type: 'text', content: "perfect" }]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Our Process", href: "#process" }]}
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[{ type: 'text', content: "Innovating for the future" }]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureHoverPattern
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
title="High-End Craftsmanship Services"
|
||||
description="Discover our comprehensive suite of luxury home improvement solutions."
|
||||
features={[
|
||||
{ title: "Bathroom Renovations", description: "Elegant and functional spa-like retreats.", icon: Bath },
|
||||
{ title: "Interior Finishing", description: "Flawless wall treatments and detailing.", icon: PaintBucket },
|
||||
{ title: "Custom Carpentry", description: "Bespoke pieces tailored to your home.", icon: Hammer },
|
||||
{ title: "Full Home Renovations", description: "Complete transformation from start to finish.", icon: Home }
|
||||
]}
|
||||
<FeatureHoverPattern
|
||||
title="Our Services"
|
||||
description="Comprehensive solutions for your growth."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Shield, title: "Secure Infrastructure", description: "Top-tier protection for your data." },
|
||||
{ icon: Zap, title: "High Performance", description: "Lightning fast processing speeds." },
|
||||
{ icon: Target, title: "Goal Focused", description: "Strategy-driven development." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Our Work Speaks for Itself"
|
||||
description="Explore our recent luxury projects across Amsterdam."
|
||||
products={[
|
||||
{ id: "p1", name: "Marble Bathroom", price: "Precision Tiling", 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", imageSrc: "http://img.b2bpic.net/free-photo/brass-kitchen-utensils_1232-1247.jpg" },
|
||||
{ id: "p3", name: "Custom Carpentry", price: "High-end Joinery", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg" }
|
||||
]}
|
||||
<ProductCardOne
|
||||
title="Our Work"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Product A", price: "$99", imageSrc: "/placeholder.jpg" },
|
||||
{ id: "2", name: "Product B", price: "$199", imageSrc: "/placeholder.jpg" },
|
||||
{ id: "3", name: "Product C", price: "$299", imageSrc: "/placeholder.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
cardTitle="Trusted by Homeowners Across Amsterdam"
|
||||
cardTag="Client Reviews"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Annelies", imageSrc: "http://img.b2bpic.net/free-photo/famous-facades-lyon-city-france_268835-984.jpg" },
|
||||
{ id: "t2", name: "Alex M", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cozy-house-with-toys_23-2149718447.jpg" },
|
||||
{ id: "t3", name: "Mark V", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-old-stone-apartment-buildings-with-fire-exit-staircases-sides_181624-1539.jpg" }
|
||||
]}
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Client Feedback"
|
||||
cardTag="Reviews"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jane Doe", imageSrc: "/avatar1.jpg" },
|
||||
{ id: "2", name: "John Smith", imageSrc: "/avatar2.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="process" data-section="process">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="A Smooth, Stress-Free Process"
|
||||
description="Our proven 4-step framework for excellence."
|
||||
metrics={[
|
||||
{ id: "m1", value: "01", title: "Consultation", items: ["Initial Discovery", "Needs Assessment"] },
|
||||
{ id: "m2", value: "02", title: "Proposal", items: ["Budget Planning", "Timeline Setup"] },
|
||||
{ id: "m3", value: "03", title: "Execution", items: ["Crafting", "Quality Control"] },
|
||||
{ id: "m4", value: "04", title: "Delivery", items: ["Final Walkthrough", "Satisfaction"] }
|
||||
]}
|
||||
<MetricCardSeven
|
||||
title="Our Process"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "1", title: "Discovery", items: ["Research", "Strategy"] },
|
||||
{ id: "2", value: "2", title: "Development", items: ["Coding", "Testing"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
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." }
|
||||
]}
|
||||
<FaqDouble
|
||||
title="Frequently Asked Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "How do I start?", content: "Contact our team today." },
|
||||
{ id: "2", title: "Is it secure?", content: "Yes, we use industry-leading encryption." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to start your project? We are ready to help."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "Get a Quote", href: "#" }]}
|
||||
<ContactText
|
||||
text="Get in touch with our team."
|
||||
background={{ variant: 'plain' }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Services", items: [{ label: "Bathrooms" }, { label: "Interior" }] },
|
||||
{ title: "Company", items: [{ label: "About Us" }, { label: "Contact" }] }
|
||||
]}
|
||||
bottomLeftText="© 2025 AMAN"
|
||||
bottomRightText="All rights reserved."
|
||||
<FooterSimple
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
bottomLeftText="© 2024 Webild"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user