Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBase from '@/components/sections/footer/FooterBase';
@@ -31,26 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "About", id: "about" },
-          id: "hero",
+        { name: "Fleet", id: "fleet" },
-        },
+        { name: "Inventory", id: "inventory" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Fleet",
-          id: "fleet",
-        },
-        {
-          name: "Inventory",
-          id: "inventory",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="NipponExport"
     />
@@ -59,100 +44,17 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
+      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", handle: "Dubai", 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: "Al-Maktoum Group",
+        { name: "London Fleet Corp", handle: "UK", 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" },
-          handle: "Dubai",
+        { name: "Asia Trans", handle: "Pakistan", testimonial: "The gold standard for Japanese vehicle imports.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.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",
-          handle: "UK",
-          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",
-          handle: "Pakistan",
-          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",
-          handle: "Europe",
-          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",
-          handle: "Global",
-          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",
-          href: "#inventory",
-        },
       ]}
+      buttons={[{ text: "Explore Our Fleet", 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",
-          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",
-          alt: "Client profile 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-business-partners-having-meeting-cafe_1262-1954.jpg",
-          alt: "Client profile 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/two-happy-male-female-business-people-showing-thumbs-up-outdoors_1262-12567.jpg",
-          alt: "Client profile 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
-          alt: "Client profile 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Precision Engineering",
-        },
-        {
-          type: "text",
-          text: "Global Logistics",
-        },
-        {
-          type: "text",
-          text: "Quality Guaranteed",
-        },
-        {
-          type: "text",
-          text: "40+ Years Experience",
-        },
-        {
-          type: "text",
-          text: "Certified Export",
-        },
-      ]}
     />
   </div>
 
@@ -163,18 +65,8 @@ export default function LandingPage() {
       title="Crafting Reliability for a Global Market"
       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", description: "Founded on Japanese core values of integrity and precise engineering." },
-          title: "Decades of Trust",
+        { title: "Worldwide Logistics", description: "Optimized, safe shipping solutions reaching four major continents." }
-          description: "Founded on Japanese core values of integrity and precise engineering.",
-        },
-        {
-          title: "Worldwide Logistics",
-          description: "Optimized, safe shipping solutions reaching four major continents.",
-        },
-        {
-          title: "Technical Transparency",
-          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"
@@ -187,21 +79,8 @@ export default function LandingPage() {
       title="Why Global Partners Choose Us"
       description="Our integrated system ensures a frictionless export experience from Tokyo to your door."
       accordionItems={[
-        {
+        { id: "1", title: "Mechanical Certification", content: "Comprehensive inspection process performed by licensed Japanese mechanics." },
-          id: "1",
+        { id: "2", title: "Customized Logistics", content: "End-to-end containerized and RoRo shipping solutions." }
-          title: "Mechanical Certification",
-          content: "Comprehensive inspection process performed by licensed Japanese mechanics.",
-        },
-        {
-          id: "2",
-          title: "Customized Logistics",
-          content: "End-to-end containerized and RoRo shipping solutions.",
-        },
-        {
-          id: "3",
-          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"
@@ -215,42 +94,9 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
-        {
+        { 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" },
-          id: "p1",
+        { 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: "Luxury SUV Series",
+        { 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" }
-          price: "Contact for Quote",
-          imageSrc: "http://img.b2bpic.net/free-vector/realistic-car-rental-landing-page-template_23-2149228032.jpg?_wi=1",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
-        {
-          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",
-        },
       ]}
       title="Premium Inventory"
       description="Browse our curated selection of high-quality Japanese vehicles."
@@ -261,15 +107,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["MITSUI LOGISTICS", "TOYOTA PARTNERS", "NIPPON EXPRESS", "GLOBAL FLEET INC"]}
-        "MITSUI LOGISTICS",
-        "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."
     />
@@ -280,61 +118,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Ahmed", date: "Jan 2025", title: "Fleet Manager", quote: "Incredible quality and reliable service.", tag: "Top Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-digital-tablet-outdoors_23-2147941663.jpg" },
-          id: "1",
+        { id: "2", name: "John Smith", date: "Dec 2024", title: "Operations Director", quote: "Best supply chain experience.", tag: "Operations", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489708.jpg" }
-          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",
-          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",
-          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",
-          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",
-          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."
@@ -346,21 +131,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "How do you handle shipping to the Middle East?", content: "We offer dedicated RoRo and containerized shipping." },
-          id: "1",
+        { id: "2", title: "Are all vehicles inspected?", content: "Yes, every vehicle undergoes a 150-point inspection." }
-          title: "How do you handle shipping to the Middle East?",
-          content: "We offer dedicated RoRo and containerized shipping.",
-        },
-        {
-          id: "2",
-          title: "Are all vehicles inspected?",
-          content: "Yes, every vehicle undergoes a 150-point inspection.",
-        },
-        {
-          id: "3",
-          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."
@@ -369,65 +141,34 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      tag="Get in Touch"
       title="Start Your Import Journey"
-      description="Ready to access premium Japanese vehicles? Contact us today."
+      description="Ready to access premium Japanese vehicles? Our experts are here to help."
-      buttonText="Inquire Now"
+      inputs={[
+        { name: "fullName", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "vehicleType", type: "text", placeholder: "Interested Vehicle Type" }
+      ]}
+      textarea={{ name: "message", placeholder: "Tell us about your requirements", rows: 4 }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/logistics-means-transport-together-with-technological-futuristic-holograms_23-2151662983.jpg?_wi=1"
+      mediaPosition="right"
+      buttonText="Submit Inquiry"
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Partners", href: "#socialproof" }] },
-          title: "Company",
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Partners",
-              href: "#socialproof",
-            },
-          ],
-        },
-        {
-          title: "Inventory",
-          items: [
-            {
-              label: "Fleet",
-              href: "#inventory",
-            },
-            {
-              label: "Specs",
-              href: "#fleet",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
       logoText="NipponExport"
+      className="bg-card py-16"
+      copyrightText="© 2025 NipponExport"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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