Add src/app/gallery/page.tsx

2026-03-10 19:50:14 +00:00
parent e2fc6cf5b6
commit caa624d7b4
1 changed files with 91 additions and 0 deletions
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -0,0 +1,91 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumLarge"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Complete Detail"
+          navItems={[
+            { name: "Services", id: "/services" },
+            { name: "Gallery", id: "/gallery" },
+            { name: "About", id: "/about" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Contact", id: "contact" }
+          ]}
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboardSplit
+          logoText="BEFORE & AFTER GALLERY"
+          description="See the transformation. Professional detailing results that speak for themselves. From deep stain removal to complete restoration, witness the Complete Detail difference."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            { text: "Book Appointment", href: "#contact" },
+            { text: "View Services", href: "/" }
+          ]}
+          layoutOrder="default"
+          imageSrc="http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg"
+          imageAlt="Before and after car detailing transformation"
+          frameStyle="browser"
+          mediaAnimation="slide-up"
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="gallery" data-section="gallery">
+        <FeatureCardTwentyFour
+          title="Professional Detailing Transformations"
+          description="Comprehensive before and after gallery showcasing our expert detailing work"
+          features={[
+            {
+              id: "interior-cleaning-1",              title: "Interior Deep Clean",              author: "Complete Transformation",              description: "Heavily soiled interior completely restored. Professional vacuuming, carpet shampooing, upholstery treatment, and dashboard detailing reveal a like-new interior.",              tags: ["Interior Care", "Deep Clean", "Before & After"],
+              imageSrc: "http://img.b2bpic.net/free-photo/business-man-operates-car_1359-1320.jpg",              imageAlt: "Interior deep cleaning before and after"
+            },
+            {
+              id: "paint-restoration-1",              title: "Paint Restoration & Protection",              author: "Professional Polish & Coating",              description: "Dull, oxidized paint transformed through professional polish and ceramic coating application. Paint now exhibits brilliant shine, depth, and UV protection.",              tags: ["Paint Correction", "Ceramic Coating", "Premium Results"],
+              imageSrc: "http://img.b2bpic.net/free-photo/bubbles-mixed-paint_23-2147798179.jpg",              imageAlt: "Paint restoration and ceramic coating before and after"
+            },
+            {
+              id: "stain-removal-1",              title: "Deep Stain & Spot Removal",              author: "Expert Stain Treatment",              description: "Stubborn stains, tree sap, and tar removed using professional-grade techniques. Exterior surfaces restored to pristine condition without paint damage.",              tags: ["Stain Removal", "Exterior Detail", "Expert Care"],
+              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-with-gloves_23-2149714334.jpg",              imageAlt: "Deep stain removal before and after"
+            },
+            {
+              id: "full-detail-1",              title: "Full Detail Service Results",              author: "Complete Vehicle Restoration",              description: "Full-service detailing including exterior wash, interior deep clean, paint correction, and protective coating. Every surface meticulously restored to showroom condition.",              tags: ["Full Detail", "Complete Service", "Premium Finish"],
+              imageSrc: "http://img.b2bpic.net/free-photo/mixing-black-white-liquid-with-foam-blobs_23-2147934171.jpg",              imageAlt: "Complete full detail service before and after"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Complete Detail"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Contact Us", href: "#contact" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}