Merge version_4 into main

Update src/app/styles/variables.css
2026-06-03 16:49:08 +00:00 · 2026-06-03 16:49:05 +00:00 · 2026-06-03 16:38:42 +00:00 · 2026-06-03 16:38:39 +00:00 · 2026-06-03 16:38:38 +00:00 · 2026-06-03 16:38:38 +00:00
5 changed files with 294 additions and 12 deletions
--- a/src/app/careers/page.tsx
+++ b/src/app/careers/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function CareersPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Careers at Cloth Emporium
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Join our passionate team and help us shape the future of fashion.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=3"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -49,6 +49,12 @@ export default function LandingPage() {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
+        {
+          name: "Careers",          id: "/careers"},
+        {
+          name: "Shipping & Returns",          id: "/shipping-returns"},
+        {
+          name: "Privacy Policy",          id: "/privacy-policy"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
      logoAlt="Cloth Emporium Logo"
@@ -198,7 +204,7 @@ export default function LandingPage() {

  <div id="footer" data-section="footer">
      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=1"
      imageAlt="elegant clothes hanging in boutique"
      logoText="Cloth Emporium"
      columns={[
@@ -211,7 +217,7 @@ export default function LandingPage() {
            {
              label: "Best Sellers",              href: "/products"},
            {
-              label: "Sale",              href: "#"},
+              label: "Sale",              href: "/products"},
          ],
        },
        {
@@ -223,7 +229,7 @@ export default function LandingPage() {
            {
              label: "Testimonials",              href: "#testimonials"},
            {
-              label: "Careers",              href: "#"},
+              label: "Careers",              href: "/careers"},
          ],
        },
        {
@@ -233,9 +239,9 @@ export default function LandingPage() {
            {
              label: "Contact Us",              href: "#contact"},
            {
-              label: "Shipping & Returns",              href: "#"},
+              label: "Shipping & Returns",              href: "/shipping-returns"},
            {
-              label: "Privacy Policy",              href: "#"},
+              label: "Privacy Policy",              href: "/privacy-policy"},
          ],
        },
      ]}
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ProductsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Our Products
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Explore our wide range of premium apparel.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=2"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/shipping-returns/page.tsx
+++ b/src/app/shipping-returns/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ShippingReturnsPage() {
+  const navItems = [
+    { name: "Home", id: "/" },
+    { name: "Shop", id: "/products" },
+    { name: "Features", id: "#features" },
+    { name: "About Us", id: "#about" },
+    { name: "Testimonials", id: "#testimonials" },
+    { name: "Blog", id: "#blog" },
+    { name: "FAQ", id: "#faq" },
+    { name: "Contact", id: "#contact" },
+    { name: "Careers", id: "/careers" },
+    { name: "Shipping & Returns", id: "/shipping-returns" },
+    { name: "Privacy Policy", id: "/privacy-policy" }
+  ];
+
+  const footerColumns = [
+    {
+      title: "Shop",      items: [
+        { label: "New Arrivals", href: "/products" },
+        { label: "Collections", href: "#features" },
+        { label: "Best Sellers", href: "/products" },
+        { label: "Sale", href: "/products" }
+      ]
+    },
+    {
+      title: "About",      items: [
+        { label: "Our Story", href: "#about" },
+        { label: "Sustainability", href: "#features" },
+        { label: "Testimonials", href: "#testimonials" },
+        { label: "Careers", href: "/careers" }
+      ]
+    },
+    {
+      title: "Support",      items: [
+        { label: "FAQ", href: "#faq" },
+        { label: "Contact Us", href: "#contact" },
+        { label: "Shipping & Returns", href: "/shipping-returns" },
+        { label: "Privacy Policy", href: "/privacy-policy" }
+      ]
+    }
+  ];
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="hover-bubble"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="mediumLarge"
+        sizing="largeSmall"
+        background="aurora"
+        cardStyle="gradient-radial"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="extrabold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={navItems}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=i5r4zf"
+            logoAlt="Cloth Emporium Logo"
+            brandName="Cloth Emporium"
+          />
+        </div>
+        <main className="relative z-10 flex min-h-[calc(100vh-var(--height-140))] flex-col items-center justify-center py-20 px-4 md:px-8">
+          <h1 className="text-4xl font-extrabold tracking-tight sm:text-5xl md:text-6xl text-foreground text-center">
+            Shipping & Returns
+          </h1>
+          <p className="mt-4 text-lg text-foreground/80 text-center max-w-2xl">
+            Find all information regarding our shipping policies and how to make a return.
+          </p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/asian-retail-employee-arranging-new-collection-clothes-display_482257-113821.jpg?_wi=4"
+            imageAlt="elegant clothes hanging in boutique"
+            logoText="Cloth Emporium"
+            columns={footerColumns}
+            copyrightText="© 2024 Cloth Emporium. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #511f1f;
+  --background: #000000;
+  --card: #1a2f1d;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #0d200f;
  --secondary-cta-text: #1c1c1c;
-  --accent: #e63946;
-  --background-accent: #e8bea8;
+  --accent: #1a3d1f;
+  --background-accent: #355e3b;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	ef0ab3ba5a	Merge version_4 into main Merge version_4 into main	2026-06-03 16:49:08 +00:00
bender	449d822f32	Update src/app/styles/variables.css	2026-06-03 16:49:05 +00:00
bender	b53e703687	Merge version_3 into main Merge version_3 into main	2026-06-03 16:38:42 +00:00
bender	cfdc78cf39	Update src/app/shipping-returns/page.tsx	2026-06-03 16:38:39 +00:00
bender	2e67f87b80	Update src/app/products/page.tsx	2026-06-03 16:38:38 +00:00
bender	c9c4f157aa	Update src/app/page.tsx	2026-06-03 16:38:38 +00:00
bender	a73bd1fb67	Update src/app/careers/page.tsx	2026-06-03 16:38:37 +00:00
bender	45b5409cbe	Merge version_3 into main Merge version_3 into main	2026-06-03 16:38:11 +00:00
bender	42159ee679	Add src/app/shipping-returns/page.tsx	2026-06-03 16:38:08 +00:00
bender	e6e7fab0a2	Add src/app/products/page.tsx	2026-06-03 16:38:07 +00:00
bender	0947526209	Update src/app/page.tsx	2026-06-03 16:38:07 +00:00
bender	e5d19eb903	Add src/app/careers/page.tsx	2026-06-03 16:38:06 +00:00
bender	f74d6d5369	Switch to version 2: modified src/app/page.tsx	2026-06-03 16:36:32 +00:00
bender	efc3b2efa7	Merge version_1 into main Merge version_1 into main	2026-06-03 16:35:35 +00:00
bender	5e0f59a922	Update src/app/page.tsx	2026-06-03 16:35:31 +00:00
bender	67451ce7c9	Switch to version 1: modified src/app/page.tsx	2026-06-03 16:34:52 +00:00
bender	3d35423cd7	Merge version_2 into main Merge version_2 into main	2026-06-03 16:34:11 +00:00