Update src/app/page.tsx

Merge version_2 into main

src/app/booking/page.tsx

@@ -0,0 +1,81 @@
+"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"
+                    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: "Our Process", id: "/#about" },
-        { name: "Services", id: "services" },
+        { name: "Services", id: "/#services" },
-        { name: "Testimonials", id: "testimonials" },
+        { name: "Testimonials", id: "/#testimonials" },
-        { name: "Contact", id: "contact" },
+        { name: "Contact", id: "/#contact" },
+        { name: "Book Appointment", id: "/booking" }
     ];
 
     return (
@@ -37,14 +38,14 @@ export default function BusinessCoachTemplatePage() {
                 <NavbarLayoutFloatingInline
                     navItems={navItems}
                     brandName="Elegance Builders"
-                    button={{ text: "Book a Consultation", href: "#contact" }}
+                    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 +53,43 @@ export default function BusinessCoachTemplatePage() {
                     rating={5}
                     ratingText="Trusted by Discerning Homeowners"
                     buttons={[
-                        { text: "Start Your Project", href: "#contact" },
+                        { text: "Start Your Project", href: "/#contact" },
-                        { text: "View Our Work", href: "#services" },
+                        { text: "View Our Work", href: "/#services" },
                     ]}
-                    mediaAnimation="slide-up"
+                    mediaAnimation="blur-reveal"
                 />
                 <FeatureCardTwentyFive
                     tag="Our Services"
                     tagIcon={Sparkles}
-                    title="Integrated Design & Build Solutions"
+                    title="Masterful Renovations & Custom Builds"
-                    description="We handle every aspect of your luxury project, ensuring a flawless execution and stunning results."
+                    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/young-couple-moving-new-home_23-2149242081.jpg", imageAlt: "Stylish home interior (new build)" },
-                                { 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/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/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/modern-interior-beautiful-kitchen-studio_651396-1984.jpg", imageAlt: "Before and after renovation comparison" },
+                                { 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 +103,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 +125,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 +141,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"
+                    faqsAnimation="blur-reveal"
-                    mediaAnimation="slide-up"
+                    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"
@@ -162,8 +163,8 @@ export default function BusinessCoachTemplatePage() {
                     background={{ variant: "plain" }}
                     useInvertedBackground={false}
                     buttons={[
-                        { text: "Book a Consultation", href: "#contact" },
+                        { text: "Book a Consultation", href: "/#contact" },
-                        { text: "View Our Portfolio", href: "#services" },
+                        { text: "View Our Portfolio", href: "/#services" },
                     ]}
                 />
                 <FooterLogoEmphasis
@@ -171,16 +172,16 @@ export default function BusinessCoachTemplatePage() {
                     columns={[
                         {
                             items: [
-                                { label: "Our Process", href: "#about" },
+                                { label: "Our Process", href: "/#about" },
-                                { label: "Services", href: "#services" },
+                                { label: "Services", href: "/#services" },
-                                { label: "Testimonials", href: "#testimonials" },
+                                { label: "Testimonials", href: "/#testimonials" },
                             ],
                         },
                         {
                             items: [
-                                { label: "FAQ", href: "#faq" },
+                                { label: "FAQ", href: "/#faq" },
-                                { label: "Contact", href: "#contact" },
+                                { label: "Contact", href: "/#contact" },
-                                { label: "Book a Consultation", href: "#contact" },
+                                { label: "Book a Consultation", href: "/booking" },
                             ],
                         },
                         {