Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -1,15 +1,9 @@
 "use client";
 
-import { useEffect } from 'react';
-import { useRouter } from 'next/navigation';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function LandingPage() {
-  const router = useRouter();
-
-  useEffect(() => {
-    router.push('/components');
-  }, [router]);
 
   return (
     <ThemeProvider
@@ -18,15 +12,57 @@ export default function LandingPage() {
       borderRadius={"rounded"}
       contentWidth={"medium"}
       sizing={"medium"}
-      background={"noiseDiagonalGradient"}
+      background={"noise"}
       cardStyle={"glass-depth"}
       primaryButtonStyle={"primary-glow"}
       secondaryButtonStyle={"radial-glow"}
       headingFontWeight={"semibold"}
     >
-      {/* This page redirects immediately client-side, so no visible content is rendered. */}
-      {/* An empty div is included to satisfy the ThemeProvider wrapper requirement for JSX. */}
-      <div className="min-h-screen"></div>
+      {/* This page previously redirected, now it will display content. */}
+      {/* Main content area would go here */}
+      <main className="min-h-screen flex flex-col justify-between">
+        <div className="flex-grow"></div> 
+        
+        <FooterSimple
+          columns={[
+            {
+              title: "Shop",              items: [
+                { label: "All Products", href: "/products" },
+                { label: "New Arrivals", href: "/products/new" },
+                { label: "Best Sellers", href: "/products/best" },
+                { label: "Sales", href: "/products/sales" }
+              ]
+            },
+            {
+              title: "Help",              items: [
+                { label: "Contact Us", href: "/contact" },
+                { label: "FAQ", href: "/faq" },
+                { label: "Shipping & Returns", href: "/policies/shipping" },
+                { label: "Size Guide", href: "/policies/size-guide" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Our Story", href: "/about#our-story" },
+                { label: "Blog", href: "/blog" },
+                { label: "Careers", href: "/careers" }
+              ]
+            },
+            {
+              title: "Follow Us",              items: [
+                { label: "Instagram", href: "https://instagram.com/yourbrand" },
+                { label: "Facebook", href: "https://facebook.com/yourbrand" },
+                { label: "Twitter", href: "https://twitter.com/yourbrand" },
+                { label: "Pinterest", href: "https://pinterest.com/yourbrand" }
+              ]
+            }
+          ]}
+          bottomLeftText="Your Brand \n Your Tagline"
+          bottomRightText="© 2024 Your Brand. All rights reserved."
+          className="bg-[var(--background)] py-10"
+        />
+      </main>
     </ThemeProvider>
   );
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #1C0A0A;
-  --card: #2A1208;
-  --foreground: #F5ECD7;
-  --primary-cta: #7D1F2E;
-  --primary-cta-text: #F5ECD7;
-  --secondary-cta: #C9A050;
-  --secondary-cta-text: #1C0A0A;
-  --accent: #C9A050;
-  --background-accent: #8B4A0F;
+  --background: #2C2220;
+  --card: #382D2B;
+  --foreground: #E0DCD9;
+  --primary-cta: #B26B3F;
+  --primary-cta-text: #E0DCD9;
+  --secondary-cta: #4A3D39;
+  --secondary-cta-text: #E0DCD9;
+  --accent: #F5C7B0;
+  --background-accent: #5E4A44;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);