Update src/app/page.tsx

Merge version_3 into main

src/app/booking/page.tsx

@@ -0,0 +1,82 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function BookingPage() {
+    const navItems = [
+        { name: "Our Process", id: "/#about" },
+        { name: "Services", id: "/#services" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
+        { name: "Book Appointment", id: "/booking" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="rounded"
+            contentWidth="medium"
+            sizing="medium"
+            background="none"
+            cardStyle="glass-elevated"
+            primaryButtonStyle="shadow"
+            secondaryButtonStyle="solid"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Elegance Builders"
+                    logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EmVnHWEkxgx6AZzVQiLfPfH8Wh/uploaded-1780792442622-djoqlv6h.png"
+                    button={{ text: "Book a Consultation", href: "/booking" }}
+                />
+                <div id="booking" data-section="booking" className="py-20 lg:py-32">
+                    <ContactText
+                        text="Schedule your consultation with Elegance Builders. Let's discuss your luxury design and build project."
+                        background={{ variant: "plain" }}
+                        useInvertedBackground={false}
+                        buttons={[
+                            { text: "Proceed to Booking System", href: "https://example.com/booking" },
+                            { text: "Back to Home", href: "/" }
+                        ]}
+                        className="text-center"
+                        containerClassName="max-w-4xl mx-auto px-4"
+                        textClassName="text-3xl lg:text-5xl font-bold mb-8"
+                        buttonContainerClassName="flex justify-center flex-wrap gap-4"
+                    />
+                </div>
+                <FooterLogoEmphasis
+                    logoText="Elegance Builders"
+                    columns={[
+                        {
+                            items: [
+                                { label: "Our Process", href: "/#about" },
+                                { label: "Services", href: "/#services" },
+                                { label: "Testimonials", href: "/#testimonials" }
+                            ]
+                        },
+                        {
+                            items: [
+                                { label: "FAQ", href: "/#faq" },
+                                { label: "Contact", href: "/#contact" },
+                                { label: "Book a Consultation", href: "/booking" }
+                            ]
+                        },
+                        {
+                            items: [
+                                { label: "LinkedIn", href: "#" },
+                                { label: "Twitter", href: "#" },
+                                { label: "Instagram", href: "#" }
+                            ]
+                        }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}

src/app/page.tsx

@@ -14,10 +14,11 @@ import { Sparkles, Home, Paintbrush, Utensils, Hammer } from "lucide-react";
 
 export default function BusinessCoachTemplatePage() {
     const navItems = [
-        { name: "Our Process", id: "about" },
-        { name: "Services", id: "services" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Our Process", id: "/#about" },
+        { name: "Services", id: "/#services" },
+        { name: "Testimonials", id: "/#testimonials" },
+        { name: "Contact", id: "/#contact" },
+        { name: "Book Appointment", id: "/booking" }
     ];
 
     return (
@@ -37,14 +38,15 @@ export default function BusinessCoachTemplatePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Elegance Builders"
-                    button={{ text: "Book a Consultation", href: "#contact" }}
+                    logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EmVnHWEkxgx6AZzVQiLfPfH8Wh/uploaded-1780792442622-djoqlv6h.png"
+                    button={{ text: "Book a Consultation", href: "/booking" }}
                 />
                 <HeroSplitDualMedia
                     background={{ variant: "radial-gradient" }}
                     tag="Luxury Design & Build"
                     tagIcon={Sparkles}
                     title="Crafting Bespoke Living Spaces, From Vision to Reality"
-                    description="We seamlessly integrate design, build, and project management to deliver unparalleled new builds, renovations, kitchens, and bathrooms. Your dream home, meticulously realized."
+                    description="We seamlessly integrate design, build, and project management, specializing in transformative luxury renovations and bespoke new builds. Your dream home, meticulously realized."
                     mediaItems={[
                         { imageSrc: "http://img.b2bpic.net/free-photo/modern-living-room-with-blue-accent-wall_23-2151995376.jpg", imageAlt: "Luxury living room with modern design" },
                         { imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-470.jpg", imageAlt: "Architectural drawing or sophisticated home exterior" },
@@ -52,43 +54,43 @@ export default function BusinessCoachTemplatePage() {
                     rating={5}
                     ratingText="Trusted by Discerning Homeowners"
                     buttons={[
-                        { text: "Start Your Project", href: "#contact" },
-                        { text: "View Our Work", href: "#services" },
+                        { text: "Start Your Project", href: "/#contact" },
+                        { text: "View Our Work", href: "/#services" },
                     ]}
-                    mediaAnimation="slide-up"
+                    mediaAnimation="blur-reveal"
                 />
                 <FeatureCardTwentyFive
                     tag="Our Services"
                     tagIcon={Sparkles}
-                    title="Integrated Design & Build Solutions"
-                    description="We handle every aspect of your luxury project, ensuring a flawless execution and stunning results."
+                    title="Masterful Renovations & Custom Builds"
+                    description="We specialize in transforming and creating luxury spaces, delivering bespoke design and meticulous craftsmanship across all projects."
                     textboxLayout="default"
-                    animationType="slide-up"
+                    animationType="blur-reveal"
                     useInvertedBackground={false}
                     features={[
                         {
-                            title: "New Builds",                            description: "From initial concept to final touches, we construct custom luxury homes tailored to your unique lifestyle.",                            icon: Home,
+                            title: "Custom New Builds",                            description: "Crafting bespoke luxury homes from the ground up, tailored to your unique vision and lifestyle with precision and artistry.",                            icon: Home,
                             mediaItems: [
-                                { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-city-building-architecture_23-2148798653.jpg", imageAlt: "Modern luxury home exterior" },
-                                { imageSrc: "http://img.b2bpic.net/free-photo/looking-up-through-history-elegant-staircase-old-building_169016-69867.jpg", imageAlt: "Spacious interior of a new luxury home" },
+                                { imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242081.jpg", imageAlt: "Stylish home interior (new build)" },
+                                { imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-beautiful-kitchen-studio_651396-1984.jpg", imageAlt: "Modern kitchen (new build)" },
                             ],
                         },
                         {
-                            title: "Luxury Renovations",                            description: "Transform existing spaces into modern masterpieces, enhancing beauty, functionality, and value.",                            icon: Paintbrush,
+                            title: "Signature Luxury Renovations",                            description: "Transforming existing residences into breathtaking masterpieces. Our expertise elevates beauty, functionality, and value through meticulous design and execution.",                            icon: Paintbrush,
                             mediaItems: [
-                                { imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home_23-2149242081.jpg", imageAlt: "Stylish home renovation with new fixtures" },
-                                { imageSrc: "http://img.b2bpic.net/free-photo/modern-interior-beautiful-kitchen-studio_651396-1984.jpg", imageAlt: "Before and after renovation comparison" },
+                                { imageSrc: "http://img.b2bpic.net/free-photo/luxurious-living-room-interior-design-with-elegant-furniture-marble-floor_23-2151995383.jpg", imageAlt: "Luxurious renovated living room" },
+                                { imageSrc: "http://img.b2bpic.net/free-photo/elegant-luxury-bedroom-with-white-bed-and-large-window_123827-23875.jpg", imageAlt: "Elegant renovated bedroom" },
                             ],
                         },
                         {
-                            title: "Kitchen & Bath Design",                            description: "Create exquisite culinary and spa-like bathroom retreats with bespoke design and premium finishes.",                            icon: Utensils,
+                            title: "Exquisite Kitchen & Bath",                            description: "Creating bespoke culinary and spa-like bathroom retreats with cutting-edge design, premium finishes, and unparalleled craftsmanship.",                            icon: Utensils,
                             mediaItems: [
                                 { imageSrc: "http://img.b2bpic.net/free-photo/part-modern-kitchen-place-cooking-extractor-stove_169016-19751.jpg", imageAlt: "Gourmet kitchen with island and modern appliances" },
                                 { imageSrc: "http://img.b2bpic.net/free-photo/close-up-bathtub-with-faucet_1203-1500.jpg", imageAlt: "Luxury bathroom with freestanding tub" },
                             ],
                         },
                         {
-                            title: "Project Management",                            description: "Seamless oversight of every detail, ensuring timely delivery, budget adherence, and superior craftsmanship.",                            icon: Hammer,
+                            title: "Seamless Project Management",                            description: "Guiding your project from conception to completion with expert oversight, ensuring timely delivery, budget adherence, and superior quality.",                            icon: Hammer,
                             mediaItems: [
                                 { imageSrc: "http://img.b2bpic.net/free-photo/stationery-glasses-lying-blueprint_23-2147831896.jpg", imageAlt: "Construction site with detailed plans" },
                                 { imageSrc: "http://img.b2bpic.net/free-photo/architect-doing-his-job-office_23-2148242965.jpg", imageAlt: "Architect reviewing blueprints on site" },
@@ -102,11 +104,11 @@ export default function BusinessCoachTemplatePage() {
                     title="Exceeding Expectations, Project by Project"
                     description="Hear from clients who trusted us with their vision and experienced the Elegance Builders difference."
                     textboxLayout="default"
-                    animationType="slide-up"
+                    animationType="blur-reveal"
                     useInvertedBackground={false}
                     testimonials={[
                         {
-                            id: "1",                            name: "Eleanor Vance",                            role: "Homeowner, New Build",                            company: "",                            rating: 5,
+                            id: "1",                            name: "Eleanor Vance",                            role: "Homeowner, Bespoke Residence",                            company: "",                            rating: 5,
                             imageSrc: "http://img.b2bpic.net/free-photo/close-up-cheerful-manager-sunny-day_1139-417.jpg",                            imageAlt: "Eleanor Vance"},
                         {
                             id: "2",                            name: "Marcus Thorne",                            role: "Client, Luxury Renovation",                            company: "",                            rating: 5,
@@ -124,7 +126,7 @@ export default function BusinessCoachTemplatePage() {
                 <TeamCardTen
                     title="Meet the Visionaries Behind Your Dream Home"
                     tag="Our Team"
-                    membersAnimation="slide-up"
+                    membersAnimation="blur-reveal"
                     memberVariant="card"
                     useInvertedBackground={false}
                     members={[
@@ -140,8 +142,8 @@ export default function BusinessCoachTemplatePage() {
                     title="Your Questions, Answered"
                     description="Find clarity on our luxury design and build process and what to expect."
                     textboxLayout="default"
-                    faqsAnimation="slide-up"
-                    mediaAnimation="slide-up"
+                    faqsAnimation="blur-reveal"
+                    mediaAnimation="blur-reveal"
                     useInvertedBackground={false}
                     imageSrc="http://img.b2bpic.net/free-photo/living-room-with-large-blue-sofa-large-coffee-table-with-large-window-that-says-room-is-decorated-with-large-plant_123827-23873.jpg"
                     imageAlt="Beautiful home interior showing modern design elements"
@@ -152,18 +154,16 @@ export default function BusinessCoachTemplatePage() {
                         {
                             id: "2",                            title: "Commitment to Luxury Craftsmanship",                            content: "Our commitment to excellence is reflected in our selection of premium materials, skilled artisans, and rigorous quality control at every stage. We pride ourselves on meticulous attention to detail."},
                         {
-                            id: "3",                            title: "Working with Existing Plans",                            content: "While we offer comprehensive design services, we are also adept at bringing your existing architectural plans to life with our build expertise, ensuring your vision is realized to the highest standards."},
-                        {
-                            id: "4",                            title: "Project Timelines & Transparency",                            content: "Project timelines vary significantly based on scope and complexity. We provide a detailed project schedule at the outset and maintain transparent communication throughout, keeping you informed at every milestone."},
-                    ]}
+                            id: "3",                            title: "Working with Existing Plans",                            content: "While we offer comprehensive design services, we are also adept at bringing your existing architectural plans to life with our build expertise, ensuring your vision is realized to the highest standards."},                        {
+                            id: "4",                            title: "Project Timelines & Transparency",                            content: "Project timelines vary significantly based on scope and complexity. We provide a detailed project schedule at the outset and maintain transparent communication throughout, keeping you informed at every milestone."}                    ]}
                 />
                 <ContactText
                     text="Ready to build your legacy? Schedule a consultation to discuss your luxury project."
                     background={{ variant: "plain" }}
                     useInvertedBackground={false}
                     buttons={[
-                        { text: "Book a Consultation", href: "#contact" },
-                        { text: "View Our Portfolio", href: "#services" },
+                        { text: "Book a Consultation", href: "/#contact" },
+                        { text: "View Our Portfolio", href: "/#services" },
                     ]}
                 />
                 <FooterLogoEmphasis
@@ -171,16 +171,16 @@ export default function BusinessCoachTemplatePage() {
                     columns={[
                         {
                             items: [
-                                { label: "Our Process", href: "#about" },
-                                { label: "Services", href: "#services" },
-                                { label: "Testimonials", href: "#testimonials" },
+                                { label: "Our Process", href: "/#about" },
+                                { label: "Services", href: "/#services" },
+                                { label: "Testimonials", href: "/#testimonials" },
                             ],
                         },
                         {
                             items: [
-                                { label: "FAQ", href: "#faq" },
-                                { label: "Contact", href: "#contact" },
-                                { label: "Book a Consultation", href: "#contact" },
+                                { label: "FAQ", href: "/#faq" },
+                                { label: "Contact", href: "/#contact" },
+                                { label: "Book a Consultation", href: "/booking" },
                             ],
                         },
                         {