Add src/app/products/page.tsx
This commit is contained in:
61
src/app/products/page.tsx
Normal file
61
src/app/products/page.tsx
Normal file
@@ -0,0 +1,61 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="fluid"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Products", id: "/products" },
|
||||
{ name: "Performance", id: "/#metrics" },
|
||||
{ name: "Contact", id: "/#contact" },
|
||||
]}
|
||||
brandName="Sarkinamota"
|
||||
/>
|
||||
|
||||
<div className="pt-32 pb-20">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Our Exclusive Fleet"
|
||||
description="Unmatched quality, timeless design, and exhilarating performance. Explore our current stock."
|
||||
products={[
|
||||
{ id: "1", brand: "Sarkinamota", name: "The Executive", price: "$125,000", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-by-her-house_1303-17808.jpg" },
|
||||
{ id: "2", brand: "Sarkinamota", name: "Volt Stealth", price: "$98,000", rating: 5, reviewCount: "38", imageSrc: "http://img.b2bpic.net/free-photo/view-four-wheeled-vehicle-mobility-fast-travel_23-2151016450.jpg" },
|
||||
{ id: "3", brand: "Sarkinamota", name: "Race Pro S", price: "$210,000", rating: 5, reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/trail-light-red-sports-car-white-rooms_181624-22513.jpg" },
|
||||
{ id: "4", brand: "Sarkinamota", name: "GT Phantom", price: "$185,000", rating: 4, reviewCount: "29", imageSrc: "http://img.b2bpic.net/free-photo/steering-wheel-car-with-brown-interior_181624-6097.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Products", href: "/products" }] },
|
||||
{ items: [{ label: "Contact", href: "/#contact" }] }
|
||||
]}
|
||||
logoText="Sarkinamota"
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user