Update src/app/shop/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Shop", id: "/shop" },
-          id: "/",
+        { name: "About", id: "/about" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="90style"
     />
@@ -51,8 +39,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Our Philosophy"
       description={[
-        "At 90style, we don't just sell clothes, we celebrate the culture of the beautiful game. From pitch to pavement, our designs bridge the gap.",
+        "At 90style, we don't just sell clothes, we celebrate the culture of the beautiful game. From pitch to pavement, our designs bridge the gap."]}
-      ]}
     />
   </div>
 
@@ -66,17 +53,9 @@ export default function LandingPage() {
       description="Meet the creators behind the brand."
       members={[
         {
-          id: "m1",
+          id: "m1",          name: "Alex Rivers",          role: "Creative Director",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-football-players_23-2150904343.jpg"},
-          name: "Alex Rivers",
-          role: "Creative Director",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-football-players_23-2150904343.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          name: "Sam Thorne",          role: "Lead Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg"},
-          name: "Sam Thorne",
-          role: "Lead Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-football-ball_23-2148867389.jpg",
-        },
       ]}
     />
   </div>
@@ -85,32 +64,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="90style"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-          title: "Company",
+        { title: "Shop", items: [{ label: "Jerseys", href: "/shop" }, { label: "Jackets", href: "/shop" }] },
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Jerseys",
-              href: "/shop",
-            },
-            {
-              label: "Jackets",
-              href: "/shop",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/contact/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Shop", id: "/shop" },
-          id: "/",
+        { name: "About", id: "/about" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="90style"
     />
@@ -49,16 +37,9 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       text="Let's connect. Whether you have inquiries about our drops or need support with an order, we're here."
-      buttons={[
+      buttons={[{ text: "Start Conversation", href: "/contact" }]}
-        {
-          text: "Start Conversation",
-          href: "/contact",
-        },
-      ]}
     />
   </div>
 
@@ -70,25 +51,9 @@ export default function LandingPage() {
       description="What our supporters are saying."
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Jordan P.",          date: "Oct 2023",          title: "Amazing quality",          quote: "The retro jersey feels authentic and premium. Best drop this year.",          tag: "Verified",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-sad-boy-holding-ball_23-2149748388.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-white-t-shirt-colorful-coat-posing-showing-his-clothes-pink-background_140725-26961.jpg"},
-          name: "Jordan P.",
-          date: "Oct 2023",
-          title: "Amazing quality",
-          quote: "The retro jersey feels authentic and premium. Best drop this year.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-sad-boy-holding-ball_23-2149748388.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-white-t-shirt-colorful-coat-posing-showing-his-clothes-pink-background_140725-26961.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "Casey L.",          date: "Nov 2023",          title: "Style icon",          quote: "My jacket is the best thing I own in my wardrobe.",          tag: "Fan",          avatarSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-6253.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/displeased-man-basketball-player-holds-ball-looks-unhappily-camera_273609-46265.jpg"},
-          name: "Casey L.",
-          date: "Nov 2023",
-          title: "Style icon",
-          quote: "My jacket is the best thing I own in my wardrobe.",
-          tag: "Fan",
-          avatarSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-6253.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/displeased-man-basketball-player-holds-ball-looks-unhappily-camera_273609-46265.jpg",
-        },
       ]}
     />
   </div>
@@ -97,32 +62,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="90style"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-          title: "Company",
+        { title: "Shop", items: [{ label: "Jerseys", href: "/shop" }, { label: "Jackets", href: "/shop" }] },
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Jerseys",
-              href: "/shop",
-            },
-            {
-              label: "Jackets",
-              href: "/shop",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/page.tsx

@@ -8,6 +8,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 
 export default function LandingPage() {
   return (
@@ -27,14 +28,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",          id: "/"},
+        { name: "Shop", id: "/shop" },
-        {
+        { name: "About", id: "/about" },
-          name: "Shop",          id: "/shop"},
+        { name: "Contact", id: "/contact" },
-        {
-          name: "About",          id: "/about"},
-        {
-          name: "Contact",          id: "/contact"},
       ]}
       brandName="90style"
     />
@@ -42,33 +39,31 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
       title="Iconic Football Culture."
       description="Exclusive jerseys, premium jackets, and streetwear pieces that define your identity. Wear, Play, Win."
-      buttons={[
+      buttons={[{ text: "Shop the Collection", href: "/shop" }, { text: "Explore Jerseys", href: "/shop" }]}
-        {
-          text: "Shop the Collection",          href: "/shop"},
-        {
-          text: "Explore Jerseys",          href: "/shop"},
-      ]}
       carouselItems={[
-        {
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-braids-portrait_23-2151428249.jpg", imageAlt: "football jersey luxury display" },
-          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-with-braids-portrait_23-2151428249.jpg",          imageAlt: "football jersey luxury display"},
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-soccer-players-with-ball_23-2150904533.jpg", imageAlt: "football jersey luxury display" },
-        {
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg", imageAlt: "football jersey luxury display" },
-          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-soccer-players-with-ball_23-2150904533.jpg",          imageAlt: "football jersey luxury display"},
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/blond-teenager-boy-dressed-jeans-plays-with-soccer-ball-grey-background_613910-11956.jpg", imageAlt: "football jersey luxury display" },
-        {
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/ornate-silk-dress-showcases-indigenous-culture-beauty-generated-by-ai_188544-27952.jpg", imageAlt: "football jersey luxury display" },
-          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-black-fabric-cuff-hem-detail_9975-134373.jpg",          imageAlt: "football jersey luxury display"},
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-neck-face-arms-dressed-camouflage-t-shirt_613910-1472.jpg", imageAlt: "football jersey luxury display" },
-        {
-          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/blond-teenager-boy-dressed-jeans-plays-with-soccer-ball-grey-background_613910-11956.jpg",          imageAlt: "football jersey luxury display"},
-        {
-          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/ornate-silk-dress-showcases-indigenous-culture-beauty-generated-by-ai_188544-27952.jpg",          imageAlt: "football jersey luxury display"},
-        {
-          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-tattoos-his-neck-face-arms-dressed-camouflage-t-shirt_613910-1472.jpg",          imageAlt: "football jersey luxury display"},
       ]}
     />
   </div>
 
+  <div id="contact-settings" data-section="contact-settings">
+    <ContactCenter 
+      tag="إعدادات التواصل"
+      title="تحديث بيانات الاتصال"
+      description="تحديث أرقام هواتف خدمة العملاء وروابط واتساب الخاصة بالموقع بكل سهولة."
+      background={{ variant: "plain" }}
+      useInvertedBackground={true}
+    />
+  </div>
+
   <div id="best-sellers" data-section="best-sellers">
       <ProductCardFour
       animationType="slide-up"
@@ -76,77 +71,23 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "The Classic Retro", price: "$120", variant: "Home Jersey", imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-balls_23-2150784064.jpg" },
-          id: "p1",          name: "The Classic Retro",          price: "$120",          variant: "Home Jersey",          imageSrc: "http://img.b2bpic.net/free-photo/view-american-football-balls_23-2150784064.jpg"},
+        { id: "p2", name: "Limited Bomber", price: "$180", variant: "Streetwear", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5120.jpg" },
-        {
+        { id: "p3", name: "Iconic 90style", price: "$95", variant: "Club Shirt", imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-casual-sport-cloth_158538-14607.jpg" },
-          id: "p2",          name: "Limited Bomber",          price: "$180",          variant: "Streetwear",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5120.jpg"},
+        { id: "p4", name: "Pitch Ready Zip", price: "$110", variant: "Training Gear", imageSrc: "http://img.b2bpic.net/free-photo/view-rugby-player-with-equipment_23-2150995732.jpg" },
-        {
+        { id: "p5", name: "Stadium Essential", price: "$85", variant: "Casual Wear", imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-254.jpg" },
-          id: "p3",          name: "Iconic 90style",          price: "$95",          variant: "Club Shirt",          imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-stylish-sexy-smiling-beautiful-young-blond-woman-model-summer-casual-sport-cloth_158538-14607.jpg"},
-        {
-          id: "p4",          name: "Pitch Ready Zip",          price: "$110",          variant: "Training Gear",          imageSrc: "http://img.b2bpic.net/free-photo/view-rugby-player-with-equipment_23-2150995732.jpg"},
-        {
-          id: "p5",          name: "Stadium Essential",          price: "$85",          variant: "Casual Wear",          imageSrc: "http://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-254.jpg"},
       ]}
       title="Best Sellers"
       description="Our most coveted pieces of the season."
     />
   </div>
 
-  <div id="lifestyle" data-section="lifestyle">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",          title: "Cultural Heritage",          descriptions: [
-            "Inspired by the icons of the 90s football era."],
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-bearded-guy-dressed-black-hoodie-sports-shorts-sitting-skateboard-with-basketball-leaning-wall_613910-5243.jpg"},
-        {
-          id: "f2",          title: "Exclusive Drops",          descriptions: [
-            "Limited runs that mean something."],
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-skinned-bearded-hipster-guy-dressed-black-hoodie-sports-shorts-holds-skateboard-while-sitting-stairs-ghetto_613910-17652.jpg"},
-        {
-          id: "f3",          title: "Premium Fabric",          descriptions: [
-            "Designed for style, built to last."],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-teenager_23-2149153333.jpg"},
-      ]}
-      title="More Than Merch"
-      description="90style is a movement. We blend the raw energy of football stadiums with the elegance of modern street culture."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Creators"
-      description="Join a community defined by style and athletic excellence."
-      names={[
-        "Urban League",        "Street FC",        "Pitchside Media",        "Elite Style",        "Goalbound Agency"]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterBaseCard
       logoText="90style"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-          title: "Company",          items: [
+        { title: "Shop", items: [{ label: "Jerseys", href: "/shop" }, { label: "Jackets", href: "/shop" }] },
-            {
-              label: "About",              href: "/about"},
-            {
-              label: "Contact",              href: "/contact"},
-          ],
-        },
-        {
-          title: "Shop",          items: [
-            {
-              label: "Jerseys",              href: "/shop"},
-            {
-              label: "Jackets",              href: "/shop"},
-          ],
-        },
       ]}
     />
   </div>

src/app/shop/page.tsx

@@ -25,22 +25,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "/" },
-          name: "Home",
+        { name: "Shop", id: "/shop" },
-          id: "/",
+        { name: "About", id: "/about" },
-        },
+        { name: "Contact", id: "/contact" },
-        {
-          name: "Shop",
-          id: "/shop",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
       ]}
       brandName="90style"
     />
@@ -51,24 +39,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The Full Collection"
       description={[
-        "Explore our curated selection of retro jerseys and modern apparel. Every piece is designed to tell a story of heritage and quality.",
+        "Explore our curated selection of retro jerseys and modern apparel. Every piece is designed to tell a story of heritage and quality."]}
-      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       text="Need styling advice? Our curators are here to help."
-      buttons={[
+      buttons={[{ text: "Message Us", href: "/contact" }]}
-        {
-          text: "Message Us",
-          href: "/contact",
-        },
-      ]}
     />
   </div>
 
@@ -76,32 +56,8 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="90style"
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
-          title: "Company",
+        { title: "Shop", items: [{ label: "Jerseys", href: "/shop" }, { label: "Jackets", href: "/shop" }] },
-          items: [
-            {
-              label: "About",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "Jerseys",
-              href: "/shop",
-            },
-            {
-              label: "Jackets",
-              href: "/shop",
-            },
-          ],
-        },
       ]}
     />
   </div>