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

Compare commits

merge into: development:version_1
Branches Tags
development:main development:version_2 development:version_1
...
pull from: development:main
Branches Tags
development:main development:version_2 development:version_1

5 Commits
version_1 ... main

Author SHA1 Message Date
development
d28ff3492b Merge version_2 into main 
Merge version_2 into main
 2026-02-02 14:32:14 +00:00
development
0e1a0788f9 Add src/app/shop/page.tsx 2026-02-02 14:32:09 +00:00
development
de394d5fef Update src/app/page.tsx 2026-02-02 14:32:08 +00:00
development
0566f66bb4 Update src/app/layout.tsx 2026-02-02 14:32:07 +00:00
development
af5aaf05d7 Update src/app/blog/page.tsx 2026-02-02 14:32:06 +00:00
4 changed files with 107 additions and 5 deletions
Expand all files Collapse all files

5
src/app/blog/page.tsx
View File

@@ -34,7 +34,8 @@ export default function BlogPage() {
{ name: "About", id: "about" },
{ name: "Why Us", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "contact" },
{ name: "Shop", id: "/shop" }
]}
button={{ text: "Shop Now", href: "products" }}
/>
@@ -78,4 +79,4 @@ export default function BlogPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

2
src/app/layout.tsx
View File

@@ -1265,4 +1265,4 @@ export default function RootLayout({
</ServiceWrapper>
</html>
);
}
}

5
src/app/page.tsx
View File

@@ -33,7 +33,8 @@ export default function LandingPage() {
{ name: "About", id: "about" },
{ name: "Why Us", id: "features" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" }
{ name: "Contact", id: "contact" },
{ name: "Shop", id: "/shop" }
]}
button={{
text: "Shop Now", href: "products"
@@ -196,4 +197,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}

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>
);
}