Update src/app/page.tsx

Merge version_2 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,16 +31,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "About", id: "about" },
-        {
+        { name: "Fleet", id: "fleet" },
-          name: "About",          id: "about"},
+        { name: "Inventory", id: "inventory" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Fleet",          id: "fleet"},
-        {
-          name: "Inventory",          id: "inventory"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="NipponExport"
     />
@@ -49,57 +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",          handle: "Dubai",          testimonial: "The precision and speed of their export service is unmatched.",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-spending-time-together-medium-shot_23-2148950619.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: "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>
 
@@ -110,12 +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",          description: "Founded on Japanese core values of integrity and precise engineering."},
+        { title: "Worldwide Logistics", description: "Optimized, safe shipping solutions reaching four major continents." }
-        {
-          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"
@@ -128,12 +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",          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: "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"
@@ -147,18 +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",          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", 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: "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."
@@ -169,8 +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."
     />
@@ -181,16 +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",          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: "Operations", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489708.jpg" }
-        {
-          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."
@@ -202,12 +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",          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: "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."
@@ -216,55 +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",          items: [
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
-            {
-              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 md:py-24"
+      className="bg-card py-16"
-      containerClassName="px-6 lg:px-12 gap-y-12"
+      copyrightText="© 2025 NipponExport"
-      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>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

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