Update src/app/shop/page.tsx

Merge version_2 into main

src/app/blog/page.tsx

@@ -32,6 +32,7 @@ export default function BlogPage() {
                             {"name":"Services","id":"services"},
                             {"name":"Pricing","id":"pricing"},
                             {"name":"Process","id":"process"},
+                            {"name":"Gallery","id":"gallery"},
                             {"name":"About","id":"about"}
                         ]}
                         button={{"text":"Book Now","href":"#contact"}}
@@ -76,6 +77,7 @@ export default function BlogPage() {
                                 "title":"Company",                                "items":[
                                     {"label":"About Us","href":"#about"},
                                     {"label":"Our Process","href":"#process"},
+                                    {"label":"Gallery","href":"#gallery"},
                                     {"label":"Testimonials","href":"#testimonials"},
                                     {"label":"Contact","href":"#contact"}
                                 ]
@@ -93,4 +95,4 @@ export default function BlogPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/page.tsx

@@ -10,7 +10,8 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import ContactFaq from '@/components/sections/contact/ContactFaq';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import { Shield, Sparkles, CheckCircle, DollarSign, Star, Crown, Award, Phone } from "lucide-react";
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
+import { Shield, Sparkles, CheckCircle, DollarSign, Star, Crown, Award, Phone, ArrowRight } from "lucide-react";
 
 export default function EliteDetailingPage() {
   return (
@@ -33,6 +34,7 @@ export default function EliteDetailingPage() {
             { name: "Services", id: "services" },
             { name: "Pricing", id: "pricing" },
             { name: "Process", id: "process" },
+            { name: "Gallery", id: "gallery" },
             { name: "About", id: "about" }
           ]}
           button={{
@@ -63,7 +65,7 @@ export default function EliteDetailingPage() {
           tagIcon={Shield}
           title="Transforming vehicles into works of art with meticulous attention to detail and premium products"
           buttons={[
-            { text: "View Our Portfolio", href: "#services" }
+            { text: "View Our Portfolio", href: "#gallery" }
           ]}
           useInvertedBackground={false}
         />
@@ -94,6 +96,43 @@ export default function EliteDetailingPage() {
         />
       </div>
 
+      <div id="gallery" data-section="gallery">
+        <FeatureCardTwentySix
+          title="Gallery"
+          description="Showcase of our finest detailing work across diverse vehicles and projects"
+          tag="Portfolio"
+          tagIcon={Sparkles}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              title: "Mercedes-Benz S-Class Ceramic Coating",              description: "Complete ceramic coating application with professional paint correction",              imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg",              imageAlt: "Mercedes-Benz ceramic coating",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            },
+            {
+              title: "BMW X5 Interior Restoration",              description: "Premium leather conditioning and interior deep cleaning service",              imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg",              imageAlt: "BMW interior restoration",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Porsche 911 Paint Correction",              description: "Advanced paint correction and protective coating application",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg",              imageAlt: "Porsche paint correction",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Range Rover Full Detailing",              description: "Complete exterior and interior transformation service",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-showing-quotation-customer_1170-1429.jpg",              imageAlt: "Range Rover detailing",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Audi A8 Ceramic Protection",              description: "Premium ceramic coating with 2-year durability guarantee",              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1643.jpg",              imageAlt: "Audi ceramic protection",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            },
+            {
+              title: "Tesla Model S Full Service",              description: "Specialized detailing for electric vehicles with premium finishes",              imageSrc: "https://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg",              imageAlt: "Tesla detailing",              buttonIcon: ArrowRight,
+              buttonHref: "#contact"
+            }
+          ]}
+        />
+      </div>
+
       <div id="pricing" data-section="pricing">
         <PricingCardEight
           title="Transparent Pricing"
@@ -273,6 +312,7 @@ export default function EliteDetailingPage() {
               title: "Company",              items: [
                 { label: "About Us", href: "#about" },
                 { label: "Our Process", href: "#process" },
+                { label: "Gallery", href: "#gallery" },
                 { label: "Testimonials", href: "#testimonials" },
                 { label: "Contact", href: "#contact" }
               ]
@@ -289,4 +329,4 @@ export default function EliteDetailingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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

@@ -89,8 +89,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "Services", id: "services" },
                                 { name: "Pricing", id: "pricing" },
                                 { name: "Process", id: "process" },
-                                { name: "About", id: "about" },
+                                { name: "Gallery", id: "gallery" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "About", id: "about" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -117,6 +117,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                     title: "Company",                                    items: [
                                         { label: "About Us", href: "#about" },
                                         { label: "Our Process", href: "#process" },
+                                        { label: "Gallery", href: "#gallery" },
                                         { label: "Testimonials", href: "#testimonials" },
                                         { label: "Contact", href: "#contact" }
                                     ]
@@ -159,8 +160,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 { name: "Services", id: "services" },
                                 { name: "Pricing", id: "pricing" },
                                 { name: "Process", id: "process" },
-                                { name: "About", id: "about" },
+                                { name: "Gallery", id: "gallery" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "About", id: "about" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -195,6 +196,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                     title: "Company",                                    items: [
                                         { label: "About Us", href: "#about" },
                                         { label: "Our Process", href: "#process" },
+                                        { label: "Gallery", href: "#gallery" },
                                         { label: "Testimonials", href: "#testimonials" },
                                         { label: "Contact", href: "#contact" }
                                     ]
@@ -236,8 +238,8 @@ export default function ProductPage({ params }: ProductPageProps) {
                             { name: "Services", id: "services" },
                             { name: "Pricing", id: "pricing" },
                             { name: "Process", id: "process" },
-                            { name: "About", id: "about" },
+                            { name: "Gallery", id: "gallery" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "About", id: "about" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -297,6 +299,7 @@ export default function ProductPage({ params }: ProductPageProps) {
                                 title: "Company",                                items: [
                                     { label: "About Us", href: "#about" },
                                     { label: "Our Process", href: "#process" },
+                                    { label: "Gallery", href: "#gallery" },
                                     { label: "Testimonials", href: "#testimonials" },
                                     { label: "Contact", href: "#contact" }
                                 ]
@@ -314,4 +317,4 @@ export default function ProductPage({ params }: ProductPageProps) {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}

src/app/shop/page.tsx

@@ -42,8 +42,8 @@ export default function ShopPage() {
                                 { name: "Services", id: "services" },
                                 { name: "Pricing", id: "pricing" },
                                 { name: "Process", id: "process" },
-                                { name: "About", id: "about" },
+                                { name: "Gallery", id: "gallery" },
-                                { name: "Shop", id: "/shop" }
+                                { name: "About", id: "about" }
                             ]}
                             button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                         />
@@ -70,6 +70,7 @@ export default function ShopPage() {
                                     title: "Company",                                    items: [
                                         { label: "About Us", href: "#about" },
                                         { label: "Our Process", href: "#process" },
+                                        { label: "Gallery", href: "#gallery" },
                                         { label: "Testimonials", href: "#testimonials" },
                                         { label: "Contact", href: "#contact" }
                                     ]
@@ -111,8 +112,8 @@ export default function ShopPage() {
                             { name: "Services", id: "services" },
                             { name: "Pricing", id: "pricing" },
                             { name: "Process", id: "process" },
-                            { name: "About", id: "about" },
+                            { name: "Gallery", id: "gallery" },
-                            { name: "Shop", id: "/shop" }
+                            { name: "About", id: "about" }
                         ]}
                         button={{ text: "Cart", onClick: () => setCartOpen(true) }}
                     />
@@ -147,6 +148,7 @@ export default function ShopPage() {
                                 title: "Company",                                items: [
                                     { label: "About Us", href: "#about" },
                                     { label: "Our Process", href: "#process" },
+                                    { label: "Gallery", href: "#gallery" },
                                     { label: "Testimonials", href: "#testimonials" },
                                     { label: "Contact", href: "#contact" }
                                 ]
@@ -164,4 +166,4 @@ export default function ShopPage() {
             </ReactLenis>
         </ThemeProvider>
     );
-}
+}