bender/6ecce6bb-6bd1-4cf0-8065-c48bfb1f9e90
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main

Browse Source 
Merge version_3 into main
This commit was merged in pull request #3.
This commit is contained in:
bender
2026-05-24 09:07:17 +00:00
parent 5d932a7045 726ef0adae
commit 9efa9bb488
2 changed files with 44 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/page.tsx
View File

@@ -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: "About", id: "about"},
{
name: "Fleet", id: "fleet"},
{
name: "Inventory", id: "inventory"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ 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={{
variant: "gradient-bars"}}
background={{ 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: "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"},
{ 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: "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" }
]}
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: "Worldwide Logistics", description: "Optimized, safe shipping solutions reaching four major continents."},
{
title: "Technical Transparency", description: "Full spec disclosure and mechanical certification for every unit."},
{ 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." }
]}
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: "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."},
{ 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." }
]}
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: "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"},
{ 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" }
]}
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={[
"MITSUI LOGISTICS", "TOYOTA PARTNERS", "NIPPON EXPRESS", "DUB-AUTO SOLUTIONS", "GLOBAL FLEET INC", "ASIA IMPORT CO", "EUR-TECH DISTRIBUTORS"]}
names={["MITSUI LOGISTICS", "TOYOTA PARTNERS", "NIPPON EXPRESS", "GLOBAL FLEET INC"]}
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: "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"},
{ id: "1", name: "Sarah Ahmed", date: "Jan 2025", title: "Fleet Manager", quote: "Incredible quality and reliable service.", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-businessman-holding-digital-tablet-outdoors_23-2147941663.jpg" },
{ id: "2", name: "John Smith", date: "Dec 2024", title: "Operations Director", quote: "Best supply chain experience.", avatarSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489708.jpg" }
]}
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: "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."},
{ 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." }
]}
title="Frequently Asked Questions"
description="Answers to your most common questions."
@@ -216,52 +141,31 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated"}}
tag="Get in Touch"
<ContactSplitForm
title="Start Your Import Journey"
description="Ready to access premium Japanese vehicles? Contact us today."
buttonText="Inquire Now"
description="Ready to access premium Japanese vehicles? Our experts are here to help."
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: "Inventory", items: [
{
label: "Fleet", href: "#inventory"},
{
label: "Specs", href: "#fleet"},
],
},
{
title: "Support", items: [
{
label: "FAQ", href: "#faq"},
{
label: "Contact", href: "#contact"},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Partners", href: "#socialproof" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "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"
className="bg-card py-16"
copyrightText="© 2025 NipponExport"
/>
</div>
</ReactLenis>

10
src/app/styles/variables.css
View File

@@ -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;
--background-accent: #1e293b;
--accent: #d4af37;
--background-accent: #0f172a;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);