Switch to version 1: modified src/app/page.tsx

Merge version_3 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Playfair_Display, Inter } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'Welcome to Our Platform',
-  description: 'Empowering your business with cutting-edge technology.',
+  title: 'AMAN | Luxury Renovations Amsterdam',
+  description: 'High-end renovation services in Amsterdam, specializing in bespoke bathrooms, home upgrades, and quality craftsmanship.',
   openGraph: {
     "siteName": "AMAN Klussenbedrijf",
     "type": "website"

src/app/page.tsx

@@ -1,122 +1,144 @@
 "use client";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-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 { ArrowRight, Shield, Zap, Target, Star, CheckCircle } from 'lucide-react';
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import TextAbout from "@/components/sections/about/TextAbout";
+import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
+import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
+import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import { Bath, PaintBucket, Hammer, Home } from "lucide-react";
 
-const navItems = [{ name: "Home", id: "/" }];
+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">
       <div id="nav" data-section="nav">
-        <NavbarStyleApple navItems={navItems} />
+        <NavbarStyleApple navItems={navItems} brandName="AMAN" />
       </div>
       <div id="hero" data-section="hero">
-        <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" 
+        <HeroBillboardGallery
+          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" }]}
+          mediaItems={[
+            { 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" }
+          ]}
+          mediaAnimation="blur-reveal"
         />
       </div>
       <div id="about" data-section="about">
-        <InlineImageSplitTextAbout 
-            heading={[{ type: 'text', content: "Innovating for the future" }]} 
-            useInvertedBackground={false} 
+        <TextAbout
+          useInvertedBackground={false}
+          title="We don’t just complete jobs — we perfect them."
+          buttons={[{ text: "Our Process", href: "#process" }]}
         />
       </div>
       <div id="services" data-section="services">
-        <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." }
-            ]} 
+        <FeatureCardTwentySix
+          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", 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."
         />
       </div>
       <div id="portfolio" data-section="portfolio">
-        <ProductCardOne 
-            title="Our Work" 
-            description="See our latest projects and deliverables." 
-            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" }
-            ]} 
+        <ProductCardFour
+          animationType="slide-up"
+          textboxLayout="default"
+          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" }
+          ]}
+          title="Our Work Speaks for Itself"
+          description="Explore our recent luxury projects across Amsterdam."
         />
       </div>
       <div id="testimonials" data-section="testimonials">
-        <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" }
-            ]} 
+        <TestimonialCardSix
+          animationType="slide-up"
+          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" },
+            { 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."
         />
       </div>
       <div id="process" data-section="process">
-        <MetricCardSeven 
-            title="Our Process" 
-            description="Our workflow follows a clear, efficient path." 
-            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"] }
-            ]} 
+        <MetricCardEleven
+          animationType="slide-up"
+          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" }
+          ]}
+          title="A Smooth, Stress-Free Process"
+          description="Our proven 4-step framework for excellence."
         />
       </div>
       <div id="faq" data-section="faq">
-        <FaqDouble 
-            title="Frequently Asked Questions" 
-            description="Answers to common questions about our services." 
-            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." }
-            ]} 
+        <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." }
+          ]}
+          sideTitle="Common Questions"
+          faqsAnimation="slide-up"
         />
       </div>
       <div id="contact" data-section="contact">
-        <ContactText 
-            text="Get in touch with our team." 
-            background={{ variant: 'plain' }} 
-            useInvertedBackground={false} 
+        <ContactSplit
+          useInvertedBackground={false}
+          background={{ variant: "plain" }}
+          tag="Inquire Today"
+          title="Start Your Project Today"
+          description="Reach out and let's craft your space."
+          imageSrc="http://img.b2bpic.net/free-photo/man-woman-analysing-clipboard_23-2148252106.jpg"
+          mediaAnimation="slide-up"
         />
       </div>
       <div id="footer" data-section="footer">
-        <FooterSimple 
-            columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]} 
-            bottomLeftText="© 2024 Webild" 
-            bottomRightText="All rights reserved." 
+        <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" }] }
+          ]}
         />
       </div>
     </ThemeProvider>
   );
-}
+}