Merge version_2 into main

Update src/app/womens-clothing/page.tsx
2026-04-23 06:01:07 +00:00 · 2026-04-23 06:01:01 +00:00 · 2026-04-23 06:01:01 +00:00 · 2026-04-23 06:00:34 +00:00 · 2026-04-23 06:00:30 +00:00 · 2026-04-23 06:00:30 +00:00
5 changed files with 153 additions and 165 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,33 +17,27 @@ import { Shield } from "lucide-react";
 export default function LandingPage() {
  return (
    <ThemeProvider
-        defaultButtonVariant="hover-bubble"
+        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="blurBottom"
-        cardStyle="inset"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="bold"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="medium"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Features",
-          id: "features",
-        },
+          name: "Features",          id: "features"},
        {
-          name: "Jobs",
-          id: "contact",
-        },
+          name: "Jobs",          id: "contact"},
      ]}
      brandName="CareerConnect"
    />
@@ -52,19 +46,14 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "plain"}}
      logoText="CareerConnect"
      description="The fastest way to land your dream job at the world's most innovative tech companies."
      buttons={[
        {
-          text: "Get Started",
-          href: "#contact",
-        },
+          text: "Get Started",          href: "#contact"},
        {
-          text: "View Jobs",
-          href: "#features",
-        },
+          text: "View Jobs",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/group-friends-looking-menu-together-restaurant_23-2150520049.jpg"
      mediaAnimation="slide-up"
@@ -93,40 +82,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          id: "f1",
-          title: "AI Matching",
-          subtitle: "Get recommendations based on your unique skills.",
-          category: "Tools",
-          value: "95%",
-        },
+          id: "f1",          title: "AI Matching",          subtitle: "Get recommendations based on your unique skills.",          category: "Tools",          value: "95%"},
        {
-          id: "f2",
-          title: "Resume Review",
-          subtitle: "Professional analysis of your resume and CV.",
-          category: "Support",
-          value: "Free",
-        },
+          id: "f2",          title: "Resume Review",          subtitle: "Professional analysis of your resume and CV.",          category: "Support",          value: "Free"},
        {
-          id: "f3",
-          title: "Interview Prep",
-          subtitle: "Ace your interview with our expert resources.",
-          category: "Training",
-          value: "10+",
-        },
+          id: "f3",          title: "Interview Prep",          subtitle: "Ace your interview with our expert resources.",          category: "Training",          value: "10+"},
        {
-          id: "f4",
-          title: "Skill Badging",
-          subtitle: "Get certified in trending industry technologies.",
-          category: "Certification",
-          value: "Verify",
-        },
+          id: "f4",          title: "Skill Badging",          subtitle: "Get certified in trending industry technologies.",          category: "Certification",          value: "Verify"},
        {
-          id: "f5",
-          title: "Salary Insights",
-          subtitle: "Negotiate with confidence using market data.",
-          category: "Analytics",
-          value: "Real-time",
-        },
+          id: "f5",          title: "Salary Insights",          subtitle: "Negotiate with confidence using market data.",          category: "Analytics",          value: "Real-time"},
      ]}
      title="Why Choose Us"
      description="We provide the tools you need to succeed."
@@ -140,20 +104,11 @@ export default function LandingPage() {
      tag="Trusted by Millions"
      metrics={[
        {
-          id: "m1",
-          value: "1M+",
-          description: "Active Job Seekers",
-        },
+          id: "m1",          value: "1M+",          description: "Active Job Seekers"},
        {
-          id: "m2",
-          value: "50k+",
-          description: "Companies Hiring",
-        },
+          id: "m2",          value: "50k+",          description: "Companies Hiring"},
        {
-          id: "m3",
-          value: "100%",
-          description: "Satisfaction Rate",
-        },
+          id: "m3",          value: "100%",          description: "Satisfaction Rate"},
      ]}
      metricsAnimation="slide-up"
    />
@@ -166,40 +121,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "Sarah Johnson",
-          handle: "@sarahj",
-          testimonial: "I found my dream job within a week! Truly amazing service.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-        },
+          id: "1",          name: "Sarah Johnson",          handle: "@sarahj",          testimonial: "I found my dream job within a week! Truly amazing service.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"},
        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "@mchen",
-          testimonial: "Excellent interface and very accurate job matches.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-business-card-medium-shot_23-2149343384.jpg",
-        },
+          id: "2",          name: "Michael Chen",          handle: "@mchen",          testimonial: "Excellent interface and very accurate job matches.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-business-card-medium-shot_23-2149343384.jpg"},
        {
-          id: "3",
-          name: "Emily Rodriguez",
-          handle: "@emilyr",
-          testimonial: "The interview prep resources really gave me the confidence I needed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
-        },
+          id: "3",          name: "Emily Rodriguez",          handle: "@emilyr",          testimonial: "The interview prep resources really gave me the confidence I needed.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg"},
        {
-          id: "4",
-          name: "David Kim",
-          handle: "@dkim",
-          testimonial: "A must-have tool for anyone searching for a new career path.",
-          imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg",
-        },
+          id: "4",          name: "David Kim",          handle: "@dkim",          testimonial: "A must-have tool for anyone searching for a new career path.",          imageSrc: "http://img.b2bpic.net/free-photo/furious-mature-business-man-conference-room_1262-3010.jpg"},
        {
-          id: "5",
-          name: "Jane Smith",
-          handle: "@jsmith",
-          testimonial: "The AI matching feature is incredibly powerful and efficient.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
-        },
+          id: "5",          name: "Jane Smith",          handle: "@jsmith",          testimonial: "The AI matching feature is incredibly powerful and efficient.",          imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
      ]}
      title="Voices of Success"
      description="Read stories from those who found their path through CareerConnect."
@@ -211,14 +141,7 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
-        "Microsoft",
-        "Google",
-        "Amazon",
-        "Apple",
-        "Meta",
-        "Netflix",
-        "Salesforce",
-      ]}
+        "Microsoft",        "Google",        "Amazon",        "Apple",        "Meta",        "Netflix",        "Salesforce"]}
      title="Hiring Partners"
      description="Leading companies trust us to find top talent."
    />
@@ -230,30 +153,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "q1",
-          title: "Is it free to use?",
-          content: "Yes, our basic job search features are completely free for all users.",
-        },
+          id: "q1",          title: "Is it free to use?",          content: "Yes, our basic job search features are completely free for all users."},
        {
-          id: "q2",
-          title: "How does AI matching work?",
-          content: "We analyze your profile, skills, and work history to provide high-precision matches.",
-        },
+          id: "q2",          title: "How does AI matching work?",          content: "We analyze your profile, skills, and work history to provide high-precision matches."},
        {
-          id: "q3",
-          title: "Can companies message me directly?",
-          content: "Yes, with our premium account, companies can reach out to you directly for interviews.",
-        },
+          id: "q3",          title: "Can companies message me directly?",          content: "Yes, with our premium account, companies can reach out to you directly for interviews."},
        {
-          id: "q4",
-          title: "Is my data secure?",
-          content: "Absolutely. We use top-tier encryption to ensure your personal data remains private.",
-        },
+          id: "q4",          title: "Is my data secure?",          content: "Absolutely. We use top-tier encryption to ensure your personal data remains private."},
        {
-          id: "q5",
-          title: "Can I hide my profile?",
-          content: "Yes, you can toggle your profile visibility at any time from your account settings.",
-        },
+          id: "q5",          title: "Can I hide my profile?",          content: "Yes, you can toggle your profile visibility at any time from your account settings."},
      ]}
      title="Frequently Asked Questions"
      description="Answers to common questions about our platform."
@@ -265,16 +173,13 @@ export default function LandingPage() {
      <ContactCTA
      useInvertedBackground={false}
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      tag="Ready to Start?"
      title="Join CareerConnect Today"
      description="Create your profile in minutes and start your journey to a new career."
      buttons={[
        {
-          text: "Create Account",
-          href: "#",
-        },
+          text: "Create Account",          href: "#"},
      ]}
    />
  </div>
@@ -284,42 +189,27 @@ export default function LandingPage() {
      logoText="CareerConnect"
      columns={[
        {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
            {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
            {
-              label: "Jobs",
-              href: "#contact",
-            },
+              label: "Jobs",              href: "#contact"},
          ],
        },
        {
-          title: "Support",
-          items: [
+          title: "Support",          items: [
            {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
            {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
          ],
        },
        {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
            {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
@@ -329,4 +219,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -0,0 +1,51 @@
+"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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+            navItems={[
+                { name: "Home", id: "/" },
+                { name: "Shop", id: "/shop" }
+            ]}
+            brandName="Elegance"
+        />
+        <ProductCardFour
+            title="Our Collection"
+            description="Discover our latest arrivals."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+            products={[
+                { id: "1", name: "Silk Blouse", price: "$120", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/fashion-woman-with-hat-posing_23-2148906950.jpg" },
+                { id: "2", name: "Evening Dress", price: "$250", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-elegant-dress-posing_23-2148906954.jpg" }
+            ]}
+        />
+        <FooterBaseReveal
+            logoText="Elegance"
+            columns={[]}
+            copyrightText="© 2024 Elegance."
+        />
+      </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-mulish), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-mulish), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #fffefe;
-  --card: #f6f7f4;
-  --foreground: #080908;
-  --primary-cta: #0e3a29;
+  --background: #f7f6f7;
+  --card: #ffffff;
+  --foreground: #1b0c25;
+  --primary-cta: #1b0c25;
  --primary-cta-text: #fffefe;
-  --secondary-cta: #e7eecd;
+  --secondary-cta: #ffffff;
  --secondary-cta-text: #080908;
-  --accent: #35c18b;
-  --background-accent: #ecebe4;
+  --accent: #ff93e4;
+  --background-accent: #e8a8c3;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
--- a/src/app/womens-clothing/page.tsx
+++ b/src/app/womens-clothing/page.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function WomensClothingPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Women's Clothing", id: "/womens-clothing" }
+          ]}
+          brandName="CareerConnect"
+        />
+        <div className="pt-32 pb-20">
+          <ProductCatalog 
+            layout="page"
+            products={[]}
+            filters={[
+              { label: "Category", options: ["Dresses", "Tops", "Bottoms", "Accessories"], selected: "", onChange: () => {} }
+            ]}
+          />
+        </div>
+        <FooterBaseReveal
+          logoText="CareerConnect"
+          columns={[]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
Author	SHA1	Message	Date
bender	238a58b337	Merge version_2 into main Merge version_2 into main	2026-04-23 06:01:07 +00:00
bender	1fab4bb897	Update src/app/womens-clothing/page.tsx	2026-04-23 06:01:01 +00:00
bender	4a5d22a79f	Update src/app/shop/page.tsx	2026-04-23 06:01:01 +00:00
bender	5e8d9fe464	Merge version_2 into main Merge version_2 into main	2026-04-23 06:00:34 +00:00
bender	d405d978bf	Add src/app/womens-clothing/page.tsx	2026-04-23 06:00:30 +00:00
bender	6fece504b8	Update src/app/styles/variables.css	2026-04-23 06:00:30 +00:00
bender	fa53144fd7	Update src/app/styles/base.css	2026-04-23 06:00:30 +00:00
bender	ca3f3ca3c7	Add src/app/shop/page.tsx	2026-04-23 06:00:29 +00:00
bender	bb24213d57	Update src/app/page.tsx	2026-04-23 06:00:29 +00:00