Add src/app/shop/page.tsx

2026-01-29 14:59:45 +00:00
parent 2f24fac6df
commit 1ca334333d
1 changed files with 92 additions and 0 deletions
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Star } from 'lucide-react';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="slide-background"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="floatingGradient"
+      cardStyle="solid"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="No Audi No Travel"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Fleet", id: "products" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Why Us", id: "features" },
+            { name: "Shop", id: "shop" },
+            { name: "Contact", id: "contact" }
+          ]}
+          bottomLeftText="Premium Vehicle Rentals"
+          bottomRightText="hello@noaudinotravel.com"
+        />
+      </div>
+
+      <div id="shop" data-section="shop">
+        <ProductCardTwo
+          title="Shop Premium Accessories & Add-ons"
+          description="Enhance your rental experience with our exclusive range of premium accessories and add-ons designed to elevate your journey. From navigation systems to comfort packages, find everything you need."
+          tag="Exclusive Offerings"
+          tagIcon={Star}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground="noInvert"
+          gridVariant="three-columns-all-equal-width"
+          carouselMode="buttons"
+          products={[
+            {
+              id: "acc-1",              brand: "Premium",              name: "Advanced GPS Navigation",              price: "$25/day",              rating: 5,
+              reviewCount: "342",              imageSrc: "https://img.b2bpic.net/free-photo/young-couple-choosing-car-car-show-room_1303-22857.jpg",              imageAlt: "GPS Navigation System"
+            },
+            {
+              id: "acc-2",              brand: "Comfort",              name: "Leather Upgrade Package",              price: "$35/day",              rating: 5,
+              reviewCount: "287",              imageSrc: "https://img.b2bpic.net/free-photo/feeling-good-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16520.jpg",              imageAlt: "Leather Interior"
+            },
+            {
+              id: "acc-3",              brand: "Safety",              name: "Child Seat Installation",              price: "$20/day",              rating: 5,
+              reviewCount: "156",              imageSrc: "https://img.b2bpic.net/free-photo/photo-from-inside-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16063.jpg",              imageAlt: "Child Safety Seat"
+            },
+            {
+              id: "acc-4",              brand: "Adventure",              name: "Roof Rack & Carrier",              price: "$40/day",              rating: 5,
+              reviewCount: "218",              imageSrc: "https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571885.jpg",              imageAlt: "Roof Rack Carrier"
+            },
+            {
+              id: "acc-5",              brand: "Entertainment",              name: "Premium Sound System Upgrade",              price: "$30/day",              rating: 5,
+              reviewCount: "203",              imageSrc: "https://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-20992.jpg",              imageAlt: "Premium Audio System"
+            },
+            {
+              id: "acc-6",              brand: "Protection",              name: "Premium Insurance Coverage",              price: "$50/day",              rating: 5,
+              reviewCount: "421",              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg",              imageAlt: "Insurance Package"
+            },
+            {
+              id: "acc-7",              brand: "Convenience",              name: "Airport Delivery Service",              price: "$60/trip",              rating: 5,
+              reviewCount: "534",              imageSrc: "https://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22802.jpg",              imageAlt: "Airport Delivery"
+            },
+            {
+              id: "acc-8",              brand: "Luxury",              name: "Concierge Service Package",              price: "$100/day",              rating: 5,
+              reviewCount: "178",              imageSrc: "https://img.b2bpic.net/free-photo/opening-door-modern-stylish-bearded-businessman-automobile-saloon_146671-16006.jpg",              imageAlt: "Concierge Service"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal logoText="No Audi No Travel" />
+      </div>
+    </ThemeProvider>
+  );
+}