Update src/app/shop/page.tsx

Merge version_3 into main

src/app/blog/page.tsx

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

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
+import SplitAbout from '@/components/sections/about/SplitAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
@@ -11,7 +11,7 @@ import BlogCardOne from '@/components/sections/blog/BlogCardOne';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import { Award, Camera, Heart, Sparkles, Star } from "lucide-react";
+import { Award, Camera, Heart, Sparkles, Star, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -81,28 +81,29 @@ export default function LandingPage() {
       </div>
 
       <div id="about" data-section="about">
-        <MediaSplitTabsAbout
+        <SplitAbout
           title="Why Choose Élite Aesthetics"
           description="Our commitment to excellence defines every aspect of your experience."
-          tabs={[
+          textboxLayout="default"
+          useInvertedBackground={false}
+          bulletPoints={[
             {
-              id: "expertise",              label: "Board-Certified Excellence",              description: "Our surgeons are fellowship-trained and hold certifications from the highest medical boards. With over 200 combined years of surgical experience, we deliver results with precision and artistry."
+              title: "Board-Certified Excellence",              description: "Our surgeons are fellowship-trained and hold certifications from the highest medical boards. With over 200 combined years of surgical experience, we deliver results with precision and artistry.",              icon: CheckCircle
             },
             {
-              id: "innovation",              label: "Advanced Technology",              description: "We invest in state-of-the-art surgical equipment and techniques, ensuring the safest and most effective procedures available. Our operating suites meet international standards."
+              title: "Advanced Technology",              description: "We invest in state-of-the-art surgical equipment and techniques, ensuring the safest and most effective procedures available. Our operating suites meet international standards.",              icon: CheckCircle
             },
             {
-              id: "personalized",              label: "Personalized Care",              description: "Every patient is unique. We create customized treatment plans that honor your goals and enhance your natural features, never imposing a one-size-fits-all approach."
+              title: "Personalized Care",              description: "Every patient is unique. We create customized treatment plans that honor your goals and enhance your natural features, never imposing a one-size-fits-all approach.",              icon: CheckCircle
             },
             {
-              id: "results",              label: "Proven Results",              description: "Our gallery of transformations speaks to our commitment to excellence. See how we've helped thousands achieve their aesthetic dreams with natural-looking, beautiful results."
+              title: "Proven Results",              description: "Our gallery of transformations speaks to our commitment to excellence. See how we've helped thousands achieve their aesthetic dreams with natural-looking, beautiful results.",              icon: CheckCircle
             }
           ]}
           imageSrc="http://img.b2bpic.net/free-photo/empty-hospital-reception-counter-hallway-waiting-room-seats-medical-examination-appointment-with-physician-registration-desk-with-waiting-area-help-patients-with-disease-diagnosis_482257-51632.jpg"
           imageAlt="State-of-the-art surgical facility"
-          imagePosition="right"
           mediaAnimation="slide-up"
-          useInvertedBackground={false}
+          imagePosition="right"
         />
       </div>
 
@@ -279,4 +280,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -102,7 +102,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                         brandName="Élite Aesthetics"
                         bottomLeftText="Medical Grade Excellence"
                         bottomRightText="hello@eliteaesthetics.com"
-                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -148,7 +147,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                             brandName="Élite Aesthetics"
                             bottomLeftText="Medical Grade Excellence"
                             bottomRightText="hello@eliteaesthetics.com"
-                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
                     </div>
                     <main className="min-h-screen flex items-center justify-center pt-20">
@@ -201,7 +199,6 @@ function ProductPageContent({ params }: ProductPageProps) {
                     brandName="Élite Aesthetics"
                     bottomLeftText="Medical Grade Excellence"
                     bottomRightText="hello@eliteaesthetics.com"
-                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                 />
                 </div>
                 <div id="productDetailCard" data-section="productDetailCard">
@@ -250,4 +247,4 @@ function ProductPageContent({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -120,4 +120,4 @@ export default function ShopPage() {
             <ShopPageContent />
         </Suspense>
     );
-}
+}