Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -32,25 +32,15 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Fleet",
+          name: "Fleet",          id: "fleet"},
-          id: "fleet",
-        },
         {
-          name: "Inventory",
+          name: "Inventory",          id: "inventory"},
-          id: "inventory",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="NipponExport"
     />
@@ -60,98 +50,55 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Japanese Excellence, Global Reach, Local Trust"
       description="Premium vehicles and machinery exported with precision. Discover our inventory across four continents, backed by decades of Japanese craftsmanship and reliability."
       testimonials={[
         {
-          name: "Al-Maktoum Group",
+          name: "Al-Maktoum Group",          handle: "Dubai",          testimonial: "The precision and speed of their export service is unmatched.",          rating: 5,
-          handle: "Dubai",
+          imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg"},
-          testimonial: "The precision and speed of their export service is unmatched.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.jpg",
-        },
         {
-          name: "London Fleet Corp",
+          name: "London Fleet Corp",          handle: "UK",          testimonial: "Reliable machinery and transparent documentation every time.",          rating: 5,
-          handle: "UK",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
-          testimonial: "Reliable machinery and transparent documentation every time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
         {
-          name: "Asia Trans",
+          name: "Asia Trans",          handle: "Pakistan",          testimonial: "The gold standard for Japanese vehicle imports.",          rating: 5,
-          handle: "Pakistan",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
-          testimonial: "The gold standard for Japanese vehicle imports.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
-        },
         {
-          name: "Global Auto Traders",
+          name: "Global Auto Traders",          handle: "Europe",          testimonial: "Exquisite quality control and professionalism.",          rating: 5,
-          handle: "Europe",
+          imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43626.jpg"},
-          testimonial: "Exquisite quality control and professionalism.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/agronomist-choosing-new-planter-man-outdoor-ground-shop-agricultural-machinery_1157-43626.jpg",
-        },
         {
-          name: "Fleet Solutions",
+          name: "Fleet Solutions",          handle: "Global",          testimonial: "Their service transformed our logistics efficiency.",          rating: 5,
-          handle: "Global",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"},
-          testimonial: "Their service transformed our logistics efficiency.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Explore Our Fleet",
+          text: "Explore Our Fleet",          href: "#inventory"},
-          href: "#inventory",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg?_wi=1"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-man-woman-smiling-against-backdrop-jewelry-store-copy-space-with-joyful-scene-choosing-gifts-anniversary-christmas_166373-8861.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-man-woman-smiling-against-backdrop-jewelry-store-copy-space-with-joyful-scene-choosing-gifts-anniversary-christmas_166373-8861.jpg",          alt: "Client profile 1"},
-          alt: "Client profile 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",
+          src: "http://img.b2bpic.net/free-photo/happy-professional-partners-posing-photo-smiling-looking-camera-african-american-successful-businessman-caucasian-businesswoman-taking-selfie-teamwork-business-concept_74855-7442.jpg",          alt: "Client profile 2"},
-          alt: "Client profile 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-business-partners-having-meeting-cafe_1262-1954.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-business-partners-having-meeting-cafe_1262-1954.jpg",          alt: "Client profile 3"},
-          alt: "Client profile 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
+          src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",          alt: "Client profile 4"},
-          alt: "Client profile 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
+          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",          alt: "Client profile 5"},
-          alt: "Client profile 5",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Precision Engineering"},
-          text: "Precision Engineering",
-        },
         {
-          type: "text",
+          type: "text",          text: "Global Logistics"},
-          text: "Global Logistics",
-        },
         {
-          type: "text",
+          type: "text",          text: "Quality Guaranteed"},
-          text: "Quality Guaranteed",
-        },
         {
-          type: "text",
+          type: "text",          text: "40+ Years Experience"},
-          text: "40+ Years Experience",
-        },
         {
-          type: "text",
+          type: "text",          text: "Certified Export"},
-          text: "Certified Export",
-        },
       ]}
     />
   </div>
@@ -164,17 +111,11 @@ export default function LandingPage() {
       description="We bridge the gap between premium Japanese manufacturing and global demand. Our dedicated team ensures every machine and vehicle meets the highest quality standards before shipping."
       bulletPoints={[
         {
-          title: "Decades of Trust",
+          title: "Decades of Trust",          description: "Founded on Japanese core values of integrity and precise engineering."},
-          description: "Founded on Japanese core values of integrity and precise engineering.",
-        },
         {
-          title: "Worldwide Logistics",
+          title: "Worldwide Logistics",          description: "Optimized, safe shipping solutions reaching four major continents."},
-          description: "Optimized, safe shipping solutions reaching four major continents.",
-        },
         {
-          title: "Technical Transparency",
+          title: "Technical Transparency",          description: "Full spec disclosure and mechanical certification for every unit."},
-          description: "Full spec disclosure and mechanical certification for every unit.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -188,20 +129,11 @@ export default function LandingPage() {
       description="Our integrated system ensures a frictionless export experience from Tokyo to your door."
       accordionItems={[
         {
-          id: "1",
+          id: "1",          title: "Mechanical Certification",          content: "Comprehensive inspection process performed by licensed Japanese mechanics."},
-          title: "Mechanical Certification",
-          content: "Comprehensive inspection process performed by licensed Japanese mechanics.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Customized Logistics",          content: "End-to-end containerized and RoRo shipping solutions."},
-          title: "Customized Logistics",
-          content: "End-to-end containerized and RoRo shipping solutions.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Localized Support",          content: "Regional partners in Dubai, UK, and Asia."},
-          title: "Localized Support",
-          content: "Regional partners in Dubai, UK, and Asia.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662983.jpg?_wi=1"
       mediaAnimation="blur-reveal"
@@ -216,41 +148,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Luxury SUV Series",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-vector/realistic-car-rental-landing-page-template_23-2149228032.jpg?_wi=1"},
-          name: "Luxury SUV Series",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-vector/realistic-car-rental-landing-page-template_23-2149228032.jpg?_wi=1",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Performance Hybrid Sedan",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg?_wi=1"},
-          name: "Performance Hybrid Sedan",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg?_wi=1",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Heavy Industrial Crane",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg"},
-          name: "Heavy Industrial Crane",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95722.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Compact Efficiency",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg"},
-          name: "Compact Efficiency",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-near-red-city-car_627829-1053.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Family Crossover",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-son-car-salon_1157-21768.jpg"},
-          name: "Family Crossover",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-with-little-son-car-salon_1157-21768.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Utility Off-Road",          price: "Contact for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118198.jpg"},
-          name: "Utility Off-Road",
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118198.jpg",
-        },
       ]}
       title="Premium Inventory"
       description="Browse our curated selection of high-quality Japanese vehicles."
@@ -262,14 +170,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "MITSUI LOGISTICS",
+        "MITSUI LOGISTICS",        "TOYOTA PARTNERS",        "NIPPON EXPRESS",        "DUB-AUTO SOLUTIONS",        "GLOBAL FLEET INC",        "ASIA IMPORT CO",        "EUR-TECH DISTRIBUTORS"]}
-        "TOYOTA PARTNERS",
-        "NIPPON EXPRESS",
-        "DUB-AUTO SOLUTIONS",
-        "GLOBAL FLEET INC",
-        "ASIA IMPORT CO",
-        "EUR-TECH DISTRIBUTORS",
-      ]}
       title="Trusted by Leaders Worldwide"
       description="We are proud to partner with automotive leaders and logistics experts."
     />
@@ -281,60 +182,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Ahmed",          date: "Jan 2025",          title: "Fleet Manager",          quote: "Incredible quality and reliable service.",          tag: "Middle East",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-digital-tablet-outdoors_23-2147941663.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg?_wi=2",          imageAlt: "professional business portrait dubai"},
-          name: "Sarah Ahmed",
-          date: "Jan 2025",
-          title: "Fleet Manager",
-          quote: "Incredible quality and reliable service.",
-          tag: "Middle East",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-digital-tablet-outdoors_23-2147941663.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-town-square_1359-161.jpg?_wi=2",
-          imageAlt: "professional business portrait dubai",
-        },
         {
-          id: "2",
+          id: "2",          name: "John Smith",          date: "Dec 2024",          title: "Operations Director",          quote: "Best supply chain experience.",          tag: "Europe",          avatarSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489708.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg?_wi=2",          imageAlt: "professional business portrait dubai"},
-          name: "John Smith",
-          date: "Dec 2024",
-          title: "Operations Director",
-          quote: "Best supply chain experience.",
-          tag: "Europe",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489708.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/tools-clay-work-sculpting_23-2149986270.jpg?_wi=2",
-          imageAlt: "professional business portrait dubai",
-        },
         {
-          id: "3",
+          id: "3",          name: "Ali Khan",          date: "Nov 2024",          title: "Distributor",          quote: "Professional, fast, and high-quality.",          tag: "South Asia",          avatarSrc: "http://img.b2bpic.net/free-photo/man-holding-clipboard-medium-shot_23-2148943317.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662983.jpg?_wi=2",          imageAlt: "professional business portrait dubai"},
-          name: "Ali Khan",
-          date: "Nov 2024",
-          title: "Distributor",
-          quote: "Professional, fast, and high-quality.",
-          tag: "South Asia",
-          avatarSrc: "http://img.b2bpic.net/free-photo/man-holding-clipboard-medium-shot_23-2148943317.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662983.jpg?_wi=2",
-          imageAlt: "professional business portrait dubai",
-        },
         {
-          id: "4",
+          id: "4",          name: "Mark Evans",          date: "Oct 2024",          title: "Vehicle Dealer",          quote: "Seamless documentation and perfect delivery.",          tag: "UK",          avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/realistic-car-rental-landing-page-template_23-2149228032.jpg?_wi=2",          imageAlt: "professional business portrait dubai"},
-          name: "Mark Evans",
-          date: "Oct 2024",
-          title: "Vehicle Dealer",
-          quote: "Seamless documentation and perfect delivery.",
-          tag: "UK",
-          avatarSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
-          imageSrc: "http://img.b2bpic.net/free-vector/realistic-car-rental-landing-page-template_23-2149228032.jpg?_wi=2",
-          imageAlt: "professional business portrait dubai",
-        },
         {
-          id: "5",
+          id: "5",          name: "Linda Weber",          date: "Sep 2024",          title: "Purchasing Manager",          quote: "Trustworthy partnership since day one.",          tag: "Global",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-teenage-girl-gesturing-thumbs-up_23-2147839551.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg?_wi=2",          imageAlt: "professional business portrait dubai"},
-          name: "Linda Weber",
-          date: "Sep 2024",
-          title: "Purchasing Manager",
-          quote: "Trustworthy partnership since day one.",
-          tag: "Global",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-teenage-girl-gesturing-thumbs-up_23-2147839551.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg?_wi=2",
-          imageAlt: "professional business portrait dubai",
-        },
       ]}
       title="Partner Feedback"
       description="What our global partners say about working with NipponExport."
@@ -347,20 +203,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
+          id: "1",          title: "How do you handle shipping to the Middle East?",          content: "We offer dedicated RoRo and containerized shipping."},
-          title: "How do you handle shipping to the Middle East?",
-          content: "We offer dedicated RoRo and containerized shipping.",
-        },
         {
-          id: "2",
+          id: "2",          title: "Are all vehicles inspected?",          content: "Yes, every vehicle undergoes a 150-point inspection."},
-          title: "Are all vehicles inspected?",
-          content: "Yes, every vehicle undergoes a 150-point inspection.",
-        },
         {
-          id: "3",
+          id: "3",          title: "Can you handle documentation?",          content: "Yes, we handle all export certificates and compliance."},
-          title: "Can you handle documentation?",
-          content: "Yes, we handle all export certificates and compliance.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Answers to your most common questions."
@@ -372,8 +219,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "rotated-rays-animated",
+        variant: "rotated-rays-animated"}}
-      }}
       tag="Get in Touch"
       title="Start Your Import Journey"
       description="Ready to access premium Japanese vehicles? Contact us today."
@@ -385,46 +231,37 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Partners",
+              label: "Partners",              href: "#socialproof"},
-              href: "#socialproof",
-            },
           ],
         },
         {
-          title: "Inventory",
+          title: "Inventory",          items: [
-          items: [
             {
-              label: "Fleet",
+              label: "Fleet",              href: "#inventory"},
-              href: "#inventory",
-            },
             {
-              label: "Specs",
+              label: "Specs",              href: "#fleet"},
-              href: "#fleet",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
       logoText="NipponExport"
+      className="bg-card py-16 md:py-24"
+      containerClassName="px-6 lg:px-12 gap-y-12"
+      columnTitleClassName="text-foreground font-bold tracking-tight text-xl mb-6"
+      columnItemClassName="text-foreground/70 hover:text-foreground transition-colors duration-300 py-1"
+      copyrightText="© 2025 NipponExport | All Rights Reserved"
+      copyrightTextClassName="text-foreground/50 text-sm"
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #020617;
-  --card: #f9f9f9;
+  --card: #0f172a;
-  --foreground: #000612e6;
+  --foreground: #f8fafc;
-  --primary-cta: #15479c;
+  --primary-cta: #38bdf8;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1e293b;
   --secondary-cta-text: #000612e6;
-  --accent: #d4af37;
+  --accent: #38bdf8;
-  --background-accent: #c4c4c4;
+  --background-accent: #1e293b;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);