116 lines
3.6 KiB
TypeScript
116 lines
3.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
|
|
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
|
import { Star } from "lucide-react";
|
|
|
|
export default function ProductPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "/"},
|
|
{
|
|
name: "Landing", id: "/landing"},
|
|
{
|
|
name: "Product", id: "/product"},
|
|
{
|
|
name: "Contact", id: "#contact"}
|
|
]}
|
|
brandName="Nova Device"
|
|
button={{
|
|
text: "Get Started", href: "/product"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product-detail" data-section="product-detail">
|
|
<ProductDetailCard
|
|
layout="section"
|
|
name="Nova Device Pro"
|
|
price="$999.99"
|
|
description="The Nova Device Pro offers cutting-edge features for ultimate productivity and entertainment. Experience the next generation of smart technology with unparalleled performance, stunning visuals, and intuitive controls. Elevate your digital lifestyle."
|
|
images={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/futuristic-mobile-phone-ai-generated_23-2151128362.jpg", alt: "Nova Device Pro"
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/ai-generated-futuristic-tablet-display_23-2151128373.jpg", alt: "Nova Device Pro tablet view"
|
|
}
|
|
]}
|
|
showRating={true}
|
|
rating={4.8}
|
|
ratingIcon={Star}
|
|
buttons={[
|
|
{
|
|
text: "Buy Now", onClick: () => alert('Added to cart!')
|
|
},
|
|
{
|
|
text: "Back to Landing", href: "/landing"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterSimple
|
|
columns={[
|
|
{
|
|
title: "Product", items: [
|
|
{
|
|
label: "Pricing", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
{
|
|
label: "Press", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Support", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Help Center", href: "#"}
|
|
]
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Cookie Policy", href: "#"}
|
|
]
|
|
}
|
|
]}
|
|
bottomLeftText="© 2024 Nova Device. All rights reserved."
|
|
bottomRightText="Crafted with innovation."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |