Update theme colors

2026-06-07 09:47:27 +00:00 · 2026-06-07 09:47:18 +00:00 · 2026-06-07 09:46:59 +00:00 · 2026-06-07 09:46:43 +00:00 · 2026-06-07 09:46:26 +00:00 · 2026-06-07 09:45:57 +00:00
6 changed files with 226 additions and 27 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Nunito_Sans } from "next/font/google";
+import { DM_Sans } from "next/font/google";



@@ -41,8 +42,9 @@ export const metadata: Metadata = {
  },
 };

-const nunitoSans = Nunito_Sans({
-  variable: "--font-nunito-sans",
+
+const dmSans = DM_Sans({
+  variable: "--font-dm-sans",
  subsets: ["latin"],
 });

@@ -54,7 +56,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${nunitoSans.variable} antialiased`}>
+        <body className={`${dmSans.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+
+export default function LoginPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About", id: "#about" },
+              { name: "Collection", id: "#products" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "Sign Up", id: "/signup" },
+              { name: "Login", id: "/login" }
+            ]}
+            brandName="ChicThreads"
+          />
+        </div>
+
+        <div id="login" data-section="login" className="py-24 md:py-32 lg:py-48 flex items-center justify-center">
+          <div className="max-w-md w-full text-center p-8 bg-card rounded-lg shadow-lg">
+            <h1 className="text-4xl font-bold mb-4">Login</h1>
+            <p className="text-lg text-foreground mb-8">
+              Welcome back! Please enter your credentials to log in.
+            </p>
+            {/* Placeholder for a login form */}
+            <div className="space-y-4">
+              <input
+                type="email"
+                placeholder="Email"
+                className="w-full p-3 rounded-md bg-background-accent border border-foreground/10 text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+              />
+              <input
+                type="password"
+                placeholder="Password"
+                className="w-full p-3 rounded-md bg-background-accent border border-foreground/10 text-foreground placeholder-foreground/50 focus:outline-none focus:ring-2 focus:ring-primary-cta"
+              />
+              <button className="w-full py-3 px-6 rounded-md bg-primary-cta text-white font-semibold transition-colors duration-200 hover:bg-primary-cta/90">
+                Login
+              </button>
+              <p className="text-sm text-foreground/70 mt-4">
+                Don't have an account? <a href="/signup" className="text-primary-cta hover:underline">Sign Up</a>
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Story", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Shop",                items: [
+                  { label: "Abayas", href: "#products" },
+                  { label: "Handbags", href: "#products" },
+                  { label: "New Arrivals", href: "#products" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Shipping & Returns", href: "#" },
+                  { label: "Contact Us", href: "#contact" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 ChicThreads. All rights reserved."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,7 +45,7 @@ export default function LandingPage() {
        {
          name: "Contact",          id: "#contact"},
      ]}
-      brandName="ChicThreads"
+      brandName="FashionCloths"
    />
  </div>

@@ -53,8 +53,8 @@ export default function LandingPage() {
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
-      logoText="ChicThreads"
-      description="Discover a curated collection of elegant abayas, sophisticated handbags, and modern apparel that redefines modest fashion. Elevate your style with timeless pieces."
+      logoText="FashionCloths"
+      description="Discover a curated collection of elegant abayas, sophisticated handbags, and modern apparel that redefines modest fashion. Elevate your style with timeless pieces from FashionCloths."
      buttons={[
        {
          text: "Shop New Arrivals",          href: "#products"},
@@ -62,7 +62,7 @@ export default function LandingPage() {
          text: "Learn More",          href: "#about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"
-      imageAlt="Elegant woman wearing an abaya and carrying a luxury handbag"
+      imageAlt="Elegant woman wearing an abaya and carrying a luxury handbag, representing FashionCloths style"
      mediaAnimation="opacity"
    />
  </div>
@@ -145,18 +145,18 @@ export default function LandingPage() {
      useInvertedBackground={true}
      testimonials={[
        {
-          id: "1",          title: "Absolutely Stunning Abaya!",          quote: "I'm incredibly impressed with the quality and design of my new abaya. It's truly a statement piece that I feel confident and elegant in. ChicThreads has won a loyal customer!",          name: "Aisha Khan",          role: "Fashion Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-romantic-brunette-girl-pajamas-chilling-home-indoor-shot-charming-woman-relaxing-rest-her-apartment_197531-26111.jpg",          imageAlt: "Aisha Khan"},
+          id: "1",          title: "Absolutely Stunning Abaya!",          quote: "I'm incredibly impressed with the quality and design of my new abaya. It's truly a statement piece that I feel confident and elegant in. FashionCloths has won a loyal customer!",          name: "Aisha Khan",          role: "Fashion Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/fulllength-portrait-romantic-brunette-girl-pajamas-chilling-home-indoor-shot-charming-woman-relaxing-rest-her-apartment_197531-26111.jpg",          imageAlt: "Aisha Khan"},
        {
-          id: "2",          title: "My Go-To for Handbags",          quote: "The handbag I purchased from ChicThreads is not just beautiful, but also incredibly durable and versatile. It complements every outfit perfectly. Highly recommend!",          name: "Fatima Al-Mansoori",          role: "Style Consultant",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3369.jpg",          imageAlt: "Fatima Al-Mansoori"},
+          id: "2",          title: "My Go-To for Handbags",          quote: "The handbag I purchased from FashionCloths is not just beautiful, but also incredibly durable and versatile. It complements every outfit perfectly. Highly recommend!",          name: "Fatima Al-Mansoori",          role: "Style Consultant",          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-white-curly-hair-with-glass-coffee_1321-3369.jpg",          imageAlt: "Fatima Al-Mansoori"},
        {
-          id: "3",          title: "Exceptional Quality Clothing",          quote: "ChicThreads offers clothing that feels luxurious and fits impeccably. I love that I can find modest yet highly fashionable options here. Truly a gem!",          name: "Zara Ali",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dark-green-dress-poses-outside_197531-26623.jpg",          imageAlt: "Zara Ali"},
+          id: "3",          title: "Exceptional Quality Clothing",          quote: "FashionCloths offers clothing that feels luxurious and fits impeccably. I love that I can find modest yet highly fashionable options here. Truly a gem!",          name: "Zara Ali",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-dark-green-dress-poses-outside_197531-26623.jpg",          imageAlt: "Zara Ali"},
        {
          id: "4",          title: "Elegant and Comfortable",          quote: "My new abaya is both elegant and incredibly comfortable, perfect for long days. The fabric is premium, and the stitching is flawless. Exceeded my expectations!",          name: "Noor Hassan",          role: "Educator",          imageSrc: "http://img.b2bpic.net/free-photo/seductive-blond-european-woman-red-jacket-white-dress-posing-street-hand-near-face-long-eyelashe_273443-3418.jpg",          imageAlt: "Noor Hassan"},
        {
-          id: "5",          title: "A Touch of Sophistication",          quote: "The pieces from ChicThreads add a unique touch of sophistication to my wardrobe. I always receive compliments when wearing their designs. Fantastic service too!",          name: "Layla Rahman",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-posing-elegant-dress_1328-2502.jpg",          imageAlt: "Layla Rahman"},
+          id: "5",          title: "A Touch of Sophistication",          quote: "The pieces from FashionCloths add a unique touch of sophistication to my wardrobe. I always receive compliments when wearing their designs. Fantastic service too!",          name: "Layla Rahman",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-posing-elegant-dress_1328-2502.jpg",          imageAlt: "Layla Rahman"},
      ]}
      title="What Our Customers Say"
-      description="Hear from our delighted customers who have experienced the elegance and quality of ChicThreads. Your satisfaction is our greatest reward."
+      description="Hear from our delighted customers who have experienced the elegance and quality of FashionCloths. Your satisfaction is our greatest reward."
    />
  </div>

@@ -167,11 +167,11 @@ export default function LandingPage() {
        {
          id: "faq-1",          title: "What materials are your abayas made from?",          content: "Our abayas are crafted from a selection of premium fabrics including Nida, Crepe, and high-quality Korean Linen, chosen for their luxurious feel, durability, and elegant drape."},
        {
-          id: "faq-2",          title: "Do you offer international shipping?",          content: "Yes, ChicThreads proudly offers worldwide shipping. Shipping costs and delivery times vary depending on your location, which will be calculated at checkout."},
+          id: "faq-2",          title: "Do you offer international shipping?",          content: "Yes, FashionCloths proudly offers worldwide shipping. Shipping costs and delivery times vary depending on your location, which will be calculated at checkout."},
        {
          id: "faq-3",          title: "What is your return and exchange policy?",          content: "We offer a 14-day return and exchange policy for unworn and unwashed items with original tags attached. Please refer to our detailed returns page for more information."},
        {
-          id: "faq-4",          title: "How do I care for my ChicThreads garments?",          content: "We recommend dry cleaning for most of our abayas and delicate clothing items to maintain their quality and embellishments. Handbags should be cleaned with a soft, damp cloth."},
+          id: "faq-4",          title: "How do I care for my FashionCloths garments?",          content: "We recommend dry cleaning for most of our abayas and delicate clothing items to maintain their quality and embellishments. Handbags should be cleaned with a soft, damp cloth."},
        {
          id: "faq-5",          title: "Are your products true to size?",          content: "We provide a comprehensive size guide on each product page. We recommend comparing your measurements to our guide to ensure the best fit."},
      ]}
@@ -190,7 +190,7 @@ export default function LandingPage() {
      text="Have a question? We're here to help!"
      buttons={[
        {
-          text: "Send Us an Email",          href: "mailto:info@chicthreads.com"},
+          text: "Send Us an Email",          href: "mailto:info@fashioncloths.com"},
        {
          text: "WhatsApp Us",          href: "https://wa.me/1234567890"},
      ]}
@@ -230,8 +230,17 @@ export default function LandingPage() {
              label: "Contact Us",              href: "#contact"},
          ],
        },
+        {
+          title: "Connect",          items: [
+            { label: "Instagram", href: "https://www.instagram.com/fashioncloths" },
+            { label: "Threads", href: "https://www.threads.net/@fashioncloths" },
+            { label: "TikTok", href: "https://www.tiktok.com/@fashioncloths" },
+            { label: "YouTube", href: "https://www.youtube.com/@fashioncloths" },
+            { label: "X", href: "https://twitter.com/fashioncloths" }
+          ]
+        }
      ]}
-      bottomLeftText="© 2024 ChicThreads. All rights reserved."
+      bottomLeftText="© 2024 FashionCloths. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
--- a/src/app/signup/page.tsx
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import EmailSignupForm from '@/components/form/EmailSignupForm';
+
+export default function SignupPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="bounce-effect"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="mediumSmall"
+        sizing="large"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "#home" },
+              { name: "About", id: "#about" },
+              { name: "Collection", id: "#products" },
+              { name: "Testimonials", id: "#testimonials" },
+              { name: "FAQ", id: "#faq" },
+              { name: "Contact", id: "#contact" },
+              { name: "Sign Up", id: "/signup" },
+              { name: "Login", id: "/login" }
+            ]}
+            brandName="ChicThreads"
+          />
+        </div>
+
+        <div id="signup" data-section="signup" className="py-24 md:py-32 lg:py-48 flex items-center justify-center">
+          <div className="max-w-md w-full text-center p-8 bg-card rounded-lg shadow-lg">
+            <h1 className="text-4xl font-bold mb-4">Sign Up</h1>
+            <p className="text-lg text-foreground mb-8">
+              Join ChicThreads today and discover exclusive collections.
+            </p>
+            <EmailSignupForm
+              inputPlaceholder="Your email address"
+              buttonText="Create Account"
+              onSubmit={(email) => alert(`Signing up with ${email}`)}
+            />
+            <p className="text-sm text-foreground/70 mt-4">
+              Already have an account? <a href="/login" className="text-primary-cta hover:underline">Log In</a>
+            </p>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Company",                items: [
+                  { label: "About Us", href: "#about" },
+                  { label: "Our Story", href: "#" },
+                  { label: "Careers", href: "#" },
+                ],
+              },
+              {
+                title: "Shop",                items: [
+                  { label: "Abayas", href: "#products" },
+                  { label: "Handbags", href: "#products" },
+                  { label: "New Arrivals", href: "#products" },
+                ],
+              },
+              {
+                title: "Support",                items: [
+                  { label: "FAQ", href: "#faq" },
+                  { label: "Shipping & Returns", href: "#" },
+                  { label: "Contact Us", href: "#contact" },
+                ],
+              },
+            ]}
+            bottomLeftText="© 2024 ChicThreads. All rights reserved."
+            bottomRightText="Privacy Policy | Terms of Service"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-nunito-sans), sans-serif;
+  font-family: var(--font-dm-sans), sans-serif;
 }
--- 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: #000612e6;
-  --primary-cta: #106EFB;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
-  --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
-  --background-accent: #106EFB;
+  --background: #030128;
+  --card: #241f48;
+  --foreground: #ffffff;
+  --primary-cta: #ffffff;
+  --primary-cta-text: #030128;
+  --secondary-cta: #131136;
+  --secondary-cta-text: #d5d4f6;
+  --accent: #44358a;
+  --background-accent: #bca3fd;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d603ae0029	Update theme colors	2026-06-07 09:47:27 +00:00
bender	0325263e41	Update theme colors	2026-06-07 09:47:18 +00:00
bender	029f5f7fe5	Update theme colors	2026-06-07 09:46:59 +00:00
bender	9cf05a14d9	Update theme colors	2026-06-07 09:46:43 +00:00
bender	c9f9b214f8	Update theme colors	2026-06-07 09:46:26 +00:00
bender	c4f699f8e0	Update theme colors	2026-06-07 09:45:57 +00:00
bender	4151b0198b	Update theme colors	2026-06-07 09:45:41 +00:00
bender	289e32f702	Update theme fonts	2026-06-07 09:35:42 +00:00
bender	6a9af86e5c	Update theme fonts	2026-06-07 09:35:41 +00:00
bender	5aba5a6d53	Add src/app/signup/page.tsx	2026-06-07 09:32:13 +00:00
bender	59705560de	Update src/app/page.tsx	2026-06-07 09:32:13 +00:00
bender	5f04836ee8	Add src/app/login/page.tsx	2026-06-07 09:32:12 +00:00
bender	5d994e8083	Merge version_1 into main Merge version_1 into main	2026-06-07 09:22:28 +00:00