diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..17c40fb
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Globe } from "lucide-react";
+
+export default function AboutPage() {
+ return (
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
new file mode 100644
index 0000000..00cb50a
--- /dev/null
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,39 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ContactPage() {
+ return (
+
+
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2c22f54..98500ac 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
@@ -55,20 +43,12 @@ export default function LandingPage() {
@@ -300,45 +171,9 @@ export default function LandingPage() {
diff --git a/src/app/shop/[productId]/page.tsx b/src/app/shop/[productId]/page.tsx
new file mode 100644
index 0000000..82653e3
--- /dev/null
+++ b/src/app/shop/[productId]/page.tsx
@@ -0,0 +1,52 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductDetailCard from '@/components/ecommerce/productDetail/ProductDetailCard';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ProductDetailPage({ params }: { params: { productId: string } }) {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx
new file mode 100644
index 0000000..d9a43a8
--- /dev/null
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+
+export default function ShopPage() {
+ return (
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index b42da81..7f7bb3b 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
- --background: #ffffff;
- --card: #f9f9f9;
- --foreground: #000000;
- --primary-cta: #d4af37;
+ --background: #0a0a0a;
+ --card: #1a1a1a;
+ --foreground: #f5f5f5;
+ --primary-cta: #ffdf7d;
--primary-cta-text: #ffffff;
- --secondary-cta: #000000;
+ --secondary-cta: #1a1a1a;
--secondary-cta-text: #ffffff;
- --accent: #d4af37;
- --background-accent: #f4f4f4;
+ --accent: #b8860b;
+ --background-accent: #8b6914;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);