development/a223fdc1-5c5d-4270-aed4-b54e383d63cd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add src/app/shop/page.tsx

Browse Source
This commit is contained in:
development
2026-02-02 14:32:09 +00:00
parent de394d5fef
commit 0e1a0788f9
1 changed files with 100 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/app/shop/page.tsx Normal file
View File

@@ -0,0 +1,100 @@
"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Instagram, Twitter, Facebook } from "lucide-react";
export default function ShopPage() {
return (
<ThemeProvider
defaultButtonVariant="slide-background"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="small"
sizing="mediumSizeLargeTitles"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<div id="nav" data-section="nav">
<NavbarStyleCentered
brandName="Skunk"
navItems={[
{ name: "Home", id: "/" },
{ name: "Products", id: "products" },
{ name: "About", id: "about" },
{ name: "Why Us", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Shop Now", href: "products"
}}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
title="Complete Fragrance Collection"
description="Explore our entire range of luxury fragrances. Each scent tells a story of craftsmanship and elegance."
tag="Featured"
tagIcon={Sparkles}
textboxLayout="default"
useInvertedBackground="noInvert"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
products={[
{
id: "1", name: "Skunk Midnight", price: "$189", variant: "100ml - Deep Amber", imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg", imageAlt: "Skunk Midnight fragrance"
},
{
id: "2", name: "Skunk Essence", price: "$165", variant: "100ml - Fresh Green", imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg", imageAlt: "Skunk Essence fragrance"
},
{
id: "3", name: "Skunk Reverie", price: "$175", variant: "100ml - Floral Musk", imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg", imageAlt: "Skunk Reverie fragrance"
},
{
id: "4", name: "Skunk Vesper", price: "$195", variant: "100ml - Oriental Wood", imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg", imageAlt: "Skunk Vesper fragrance"
},
{
id: "5", name: "Skunk Aurora", price: "$179", variant: "100ml - Citrus Floral", imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337694.jpg", imageAlt: "Skunk Aurora fragrance"
},
{
id: "6", name: "Skunk Luxe", price: "$209", variant: "100ml - Precious Oud", imageSrc: "https://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669115.jpg", imageAlt: "Skunk Luxe fragrance"
}
]}
buttons={[
{
text: "View Details", href: "#"
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Skunk"
copyrightText="© 2025 Skunk Parfums. Crafted with passion and precision."
socialLinks={[
{
icon: Instagram,
href: "https://instagram.com/skunkparfums", ariaLabel: "Follow Skunk on Instagram"
},
{
icon: Twitter,
href: "https://twitter.com/skunkparfums", ariaLabel: "Follow Skunk on Twitter"
},
{
icon: Facebook,
href: "https://facebook.com/skunkparfums", ariaLabel: "Like Skunk on Facebook"
}
]}
/>
</div>
</ThemeProvider>
);
}