Update src/app/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -71,4 +71,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/layout.tsx

@@ -1410,4 +1410,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
@@ -43,29 +43,40 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroSplitDualMedia
+        <HeroBillboardRotatedCarousel
           title="Surgical Excellence Meets Aesthetic Artistry"
           description="Experience transformative beauty enhancement with our board-certified surgeons. Combining cutting-edge surgical techniques with refined aesthetic vision to deliver results that enhance your natural beauty."
           tag="Premium Beauty Surgery"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          background={{ variant: "plain" }}
-          rating={5}
-          ratingText="Trusted by Refined Patients"
-          mediaItems={[
+          background={{ variant: "canvas-reveal" }}
+          carouselItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg",              imageAlt: "Professional surgical consultation"
+              id: "1",              imageSrc: "http://img.b2bpic.net/free-photo/senior-patient-signing-medical-decisions-form-sitting-hospital-bed-modern-private-clinic-doctor-with-clipboard-nurse-working-backgorund-healthcare-medical-medicinal-system-documents-contra_482257-4751.jpg",              imageAlt: "Professional surgical consultation"
             },
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg",              imageAlt: "Modern aesthetic enhancement results"
+              id: "2",              imageSrc: "http://img.b2bpic.net/free-photo/male-patient-receiving-massage-from-doctor_107420-65163.jpg",              imageAlt: "Modern aesthetic enhancement results"
+            },
+            {
+              id: "3",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=1",              imageAlt: "Professional consultation room"
+            },
+            {
+              id: "4",              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=1",              imageAlt: "Cosmetic enhancement facility"
+            },
+            {
+              id: "5",              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=1",              imageAlt: "Surgical planning consultation"
+            },
+            {
+              id: "6",              imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=1",              imageAlt: "Advanced surgical techniques"
             }
           ]}
-          mediaAnimation="slide-up"
           buttons={[
             { text: "Schedule Consultation", href: "#contact" },
             { text: "View Procedures", href: "#procedures" }
           ]}
           buttonAnimation="slide-up"
+          autoPlay={true}
+          autoPlayInterval={4000}
         />
       </div>
 
@@ -107,16 +118,16 @@ export default function LandingPage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",              name: "Rhinoplasty",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg",              imageAlt: "Rhinoplasty procedure"
+              id: "1",              name: "Rhinoplasty",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-looking-patient_23-2149352169.jpg?_wi=2",              imageAlt: "Rhinoplasty procedure"
             },
             {
-              id: "2",              name: "Facelift",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg",              imageAlt: "Facelift procedure"
+              id: "2",              name: "Facelift",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-cosmetology-studio_1157-33855.jpg?_wi=2",              imageAlt: "Facelift procedure"
             },
             {
-              id: "3",              name: "Liposuction",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg",              imageAlt: "Liposuction procedure"
+              id: "3",              name: "Liposuction",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-s-body-with-marker-traces-front-view_23-2149350066.jpg?_wi=2",              imageAlt: "Liposuction procedure"
             },
             {
-              id: "4",              name: "Breast Augmentation",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg",              imageAlt: "Breast augmentation procedure"
+              id: "4",              name: "Breast Augmentation",              price: "Consultation Based",              imageSrc: "http://img.b2bpic.net/free-photo/woman-marked-out-cosmetic-surgery_273609-14510.jpg?_wi=2",              imageAlt: "Breast augmentation procedure"
             }
           ]}
           buttons={[
@@ -268,4 +279,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/shop/[id]/page.tsx

@@ -97,8 +97,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
                             { name: "FAQ", id: "faq" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         brandName="Élite Aesthetics"
                         bottomLeftText="Medical Grade Excellence"
@@ -144,8 +143,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                                 { name: "Our Team", id: "team" },
                                 { name: "Results", id: "testimonials" },
                                 { name: "FAQ", id: "faq" },
-                                { name: "Contact", id: "contact" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "Contact", id: "contact" }
                             ]}
                             brandName="Élite Aesthetics"
                             bottomLeftText="Medical Grade Excellence"
@@ -198,8 +196,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },
                         { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
                     brandName="Élite Aesthetics"
                     bottomLeftText="Medical Grade Excellence"
@@ -253,4 +250,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -40,8 +40,7 @@ function ShopPageContent() {
                             { name: "Our Team", id: "team" },
                             { name: "Results", id: "testimonials" },
                             { name: "FAQ", id: "faq" },
-                            { name: "Contact", id: "contact" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "Contact", id: "contact" }
                         ]}
                         brandName="Élite Aesthetics"
                         bottomLeftText="Medical Grade Excellence"
@@ -85,8 +84,7 @@ function ShopPageContent() {
                         { name: "Our Team", id: "team" },
                         { name: "Results", id: "testimonials" },
                         { name: "FAQ", id: "faq" },
-                        { name: "Contact", id: "contact" },
-                        { name: "Shop", id: "/shop" }
+                        { name: "Contact", id: "contact" }
                     ]}
                     brandName="Élite Aesthetics"
                     bottomLeftText="Medical Grade Excellence"
@@ -122,4 +120,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}