Merge version_5 into main

Update src/app/page.tsx
2026-03-08 11:37:41 +00:00 · 2026-03-08 11:37:36 +00:00 · 2026-03-08 11:30:48 +00:00 · 2026-03-08 11:30:43 +00:00 · 2026-03-08 11:30:43 +00:00 · 2026-03-08 11:25:24 +00:00
4 changed files with 184 additions and 1452 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,13 @@

 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroLogo from '@/components/sections/hero/HeroLogo';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MediaAbout from '@/components/sections/about/MediaAbout';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Sparkles, Award, Crown, Mail, ArrowRight } from "lucide-react";

 export default function LandingPage() {
@@ -41,16 +41,11 @@ export default function LandingPage() {
      </div>

      <div id="hero" data-section="hero">
-        <HeroCentered
-          title="Timeless Elegance Redefined"
-          description="Discover our curated collection of luxury fashion pieces, where minimalist design meets premium craftsmanship. Each piece tells a story of editorial excellence and refined taste."
-          background={{ variant: "plain" }}
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg", alt: "Luxury client" },
-            { src: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg", alt: "Fashion enthusiast" },
-            { src: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg", alt: "Premium customer" },
-          ]}
-          avatarText="Trusted by luxury enthusiasts worldwide"
+        <HeroLogo
+          logoText=""
+          description=""
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AezcJjtE7L4EQgsTu8wRWWHzR9/uploaded-1772968680247-6qw3frkx.png"
+          imageAlt="LUXA luxury brand logo"
          buttons={[
            { text: "Explore Collection", href: "#products" },
            { text: "View Lookbook", href: "#features" },
@@ -64,22 +59,28 @@ export default function LandingPage() {
          features={[
            {
              title: "Spring/Summer 2025",              description: "Contemporary silhouettes with artistic flair",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=1",              imageAlt: "Spring collection featured dress",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
            {
              title: "Outerwear Essentials",              description: "Premium jackets and coats for modern elegance",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=1",              imageAlt: "Luxury outerwear collection",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
            {
              title: "Accessories Edit",              description: "Curated bags and accessories to complete your look",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=1",              imageAlt: "Premium accessories collection",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
            {
              title: "Footwear Selection",              description: "Statement shoes crafted with precision and style",              imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=1",              imageAlt: "Luxury footwear collection",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
            {
              title: "Limited Edition",              description: "Exclusive pieces available only to select clientele",              imageSrc: "http://img.b2bpic.net/free-vector/gradient-business-template-design_23-2149752064.jpg",              imageAlt: "Limited edition collection",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
            {
              title: "Capsule Collection",              description: "Versatile essentials designed for timeless appeal",              imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg?_wi=1",              imageAlt: "Capsule collection showcase",              buttonIcon: ArrowRight,
-              buttonHref: "#products"},
+              buttonHref: "#products"
+            },
          ]}
          title="Editorial Collections"
          description="Handpicked seasonal pieces featuring the finest materials and innovative design"
@@ -138,22 +139,45 @@ export default function LandingPage() {
      </div>

      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardFifteen
-          testimonial="The quality and attention to detail are unparalleled. Every piece feels like a personal investment in timeless style. LUXA has become my go-to for pieces that transcend trends."
-          rating={5}
-          author="Isabella Marchetti, Fashion Editor"
-          avatars={[
-            { src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg", alt: "Isabella Marchetti" },
-            { src: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg", alt: "Customer testimonial" },
-            { src: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg", alt: "Luxury client" },
-            { src: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg", alt: "Premium customer" },
-            { src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg", alt: "Brand advocate" },
-            { src: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg", alt: "Fashion enthusiast" },
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
+        <div className="w-full py-20 px-4 md:px-8 bg-gradient-to-b from-transparent to-transparent">
+          <div className="max-w-7xl mx-auto">
+            <h2 className="text-4xl md:text-5xl font-bold text-center mb-16">Customer Showcase</h2>
+            <div className="grid grid-cols-3 gap-8">
+              {[
+                {
+                  name: "Isabella Marchetti",                  role: "Fashion Editor",                  image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
+                {
+                  name: "Sarah Chen",                  role: "Style Influencer",                  image: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg"},
+                {
+                  name: "Emma Davis",                  role: "Luxury Blogger",                  image: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg"},
+                {
+                  name: "Jessica Williams",                  role: "Brand Ambassador",                  image: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg"},
+                {
+                  name: "Victoria Sterling",                  role: "Fashion Critic",                  image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
+                {
+                  name: "Olivia Grace",                  role: "Style Director",                  image: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg"},
+                {
+                  name: "Sophia Laurent",                  role: "Fashion Journalist",                  image: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg"},
+                {
+                  name: "Alexandra Ross",                  role: "Luxury Consultant",                  image: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg"},
+                {
+                  name: "Catherine Blake",                  role: "Style Expert",                  image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
+              ].map((person, index) => (
+                <div key={index} className="flex flex-col items-center text-center">
+                  <div className="w-full aspect-square rounded-lg overflow-hidden mb-4 shadow-lg">
+                    <img
+                      src={person.image}
+                      alt={person.name}
+                      className="w-full h-full object-cover"
+                    />
+                  </div>
+                  <h3 className="text-lg font-semibold mb-1">{person.name}</h3>
+                  <p className="text-sm opacity-75">{person.role}</p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
      </div>

      <div id="contact" data-section="contact">
@@ -164,7 +188,7 @@ export default function LandingPage() {
          title="Begin Your Luxury Journey"
          description="Discover pieces that define your personal aesthetic. Contact our concierge team for exclusive styling consultations and early access to new collections."
          buttons={[
-            { text: "Schedule Consultation", href: "#" },
+            { text: "Book Concierge Consultation", href: "#" },
            { text: "View Catalog", href: "#products" },
          ]}
          buttonAnimation="slide-up"
@@ -174,14 +198,11 @@ export default function LandingPage() {
      </div>

      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/young-caucasian-slender-brunette-girl-black-elegant-suit-glasses-sits-by-window-with-glass-drink-evening-lifestyle-concept_197531-32089.jpg"
-          imageAlt="LUXA luxury brand finale"
+        <FooterLogoEmphasis
          logoText="LUXA"
-          copyrightText="© 2025 | LUXA Luxury Fashion"
          columns={[
            {
-              title: "Collections",              items: [
+              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Seasonal Edit", href: "#features" },
                { label: "Limited Edition", href: "#products" },
@@ -189,7 +210,7 @@ export default function LandingPage() {
              ],
            },
            {
-              title: "About",              items: [
+              items: [
                { label: "Our Story", href: "#about" },
                { label: "Craftsmanship", href: "#about" },
                { label: "Sustainability", href: "#" },
@@ -197,7 +218,7 @@ export default function LandingPage() {
              ],
            },
            {
-              title: "Connect",              items: [
+              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Email", href: "mailto:hello@luxa.com" },
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { Award, ArrowRight } from "lucide-react";
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="shift-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="mediumSmall"
+      sizing="largeSmallSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Collections", id: "/" },
+            { name: "About", id: "/" },
+            { name: "New Arrivals", id: "/" },
+            { name: "Stories", id: "/" },
+            { name: "Contact", id: "/" },
+            { name: "Products", id: "products-page" },
+          ]}
+          brandName="LUXA"
+          bottomLeftText="Luxury Fashion House"
+          bottomRightText="hello@luxa.com"
+        />
+      </div>
+
+      <div id="products" data-section="products" className="pt-20">
+        <ProductCardFour
+          products={[
+            {
+              id: "1",              name: "Silk Evening Gown",              price: "$3,200",              variant: "Black  2 Sizes",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2",              imageAlt: "Black silk evening gown",              isFavorited: false,
+            },
+            {
+              id: "2",              name: "Tailored Trench Coat",              price: "$2,800",              variant: "Cream  3 Colors",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2",              imageAlt: "Premium tailored trench coat",              isFavorited: false,
+            },
+            {
+              id: "3",              name: "Italian Leather Tote",              price: "$1,950",              variant: "Cognac  4 Options",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2",              imageAlt: "Italian leather luxury tote",              isFavorited: false,
+            },
+            {
+              id: "4",              name: "Sculptural Heel",              price: "$1,450",              variant: "Black  Sizes 35-41",              imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2",              imageAlt: "Sculptural black heel",              isFavorited: false,
+            },
+            {
+              id: "5",              name: "Cashmere Sweater",              price: "$1,650",              variant: "Ivory  XS-L",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg?_wi=2",              imageAlt: "Premium cashmere sweater",              isFavorited: false,
+            },
+            {
+              id: "6",              name: "Structured Blazer",              price: "$2,400",              variant: "Navy  XS-XL",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7070.jpg?_wi=2",              imageAlt: "Tailored structured blazer",              isFavorited: false,
+            },
+            {
+              id: "7",              name: "Wide-Leg Trousers",              price: "$1,800",              variant: "Black  24-34",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-rich-woman-outdoors_23-2149548517.jpg?_wi=2",              imageAlt: "Wide-leg luxury trousers",              isFavorited: false,
+            },
+            {
+              id: "8",              name: "Leather Belt",              price: "$950",              variant: "Brown  28-40",              imageSrc: "http://img.b2bpic.net/free-photo/long-skinny-legs-barefoot-with-high-heeled-sandals-shoes-fashion-details-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-rich-stylish-lady-elegant-trend-footwear_285396-7257.jpg?_wi=2",              imageAlt: "Italian leather luxury belt",              isFavorited: false,
+            },
+          ]}
+          title="Complete Collection"
+          description="Browse our full range of luxury fashion pieces, carefully curated for discerning tastes"
+          tag="All Products"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="LUXA"
+          columns={[
+            {
+              items: [
+                { label: "New Arrivals", href: "/products" },
+                { label: "Seasonal Edit", href: "/" },
+                { label: "Limited Edition", href: "/products" },
+                { label: "All Products", href: "/products" },
+              ],
+            },
+            {
+              items: [
+                { label: "Our Story", href: "/" },
+                { label: "Craftsmanship", href: "/" },
+                { label: "Sustainability", href: "#" },
+                { label: "Press", href: "#" },
+              ],
+            },
+            {
+              items: [
+                { label: "Contact Us", href: "/" },
+                { label: "Instagram", href: "https://instagram.com" },
+                { label: "Email", href: "mailto:hello@luxa.com" },
+                { label: "Privacy Policy", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -13,7 +13,7 @@
  --background: #ffffff;
  --card: #f9f9f9;
  --foreground: #120006e6;
-  --primary-cta: #e63946;
+  --primary-cta: #16123e;
  --primary-cta-text: #ffffff;
  --secondary-cta: #f9f9f9;
  --secondary-cta-text: #120006e6;
Author	SHA1	Message	Date
bender	a996d879d2	Merge version_5 into main Merge version_5 into main	2026-03-08 11:37:41 +00:00
bender	5a8e31227a	Update src/app/page.tsx	2026-03-08 11:37:36 +00:00
bender	3ba6491f46	Merge version_4 into main Merge version_4 into main	2026-03-08 11:30:48 +00:00
bender	392b2c55d7	Update src/app/page.tsx	2026-03-08 11:30:43 +00:00
bender	6083188297	Update src/app/layout.tsx	2026-03-08 11:30:43 +00:00
bender	c6f815c1b0	Merge version_3 into main Merge version_3 into main	2026-03-08 11:25:24 +00:00
bender	3c822d6397	Update src/app/layout.tsx	2026-03-08 11:25:19 +00:00
bender	6f873de3e4	Merge version_3 into main Merge version_3 into main	2026-03-08 11:24:10 +00:00
bender	90a38c3888	Add src/app/products/page.tsx	2026-03-08 11:24:05 +00:00
bender	d1086074d4	Update src/app/page.tsx	2026-03-08 11:24:04 +00:00
bender	0169697930	Update src/app/layout.tsx	2026-03-08 11:24:04 +00:00
bender	a917ab9320	Merge version_2 into main Merge version_2 into main	2026-03-08 11:19:47 +00:00
bender	c5787adfd2	Update theme colors	2026-03-08 11:19:40 +00:00
bender	85f194a19c	Merge version_2 into main Merge version_2 into main	2026-03-08 11:18:16 +00:00
bender	b8b3887d49	Update src/app/page.tsx	2026-03-08 11:18:12 +00:00
bender	8f4441b2e6	Merge version_2 into main Merge version_2 into main	2026-03-08 11:13:10 +00:00
bender	25e3d8ac36	Update src/app/page.tsx	2026-03-08 11:13:06 +00:00
bender	887ddddb61	Merge version_2 into main Merge version_2 into main	2026-03-08 11:11:58 +00:00
bender	f3542c549d	Update src/app/page.tsx	2026-03-08 11:11:54 +00:00
bender	0b4d4ec62d	Merge version_1 into main Merge version_1 into main	2026-03-08 11:07:48 +00:00