Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ 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 FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Sparkles, Award, Crown, Mail, ArrowRight } from "lucide-react";
@@ -139,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">
@@ -165,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"
@@ -207,4 +230,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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>
+  );
+}