bender/f1e6a7df-38f2-49e6-af58-9951a74df604
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

6 Commits
version_1 ... main

Author SHA1 Message Date
bender
dde7bcb10e Merge version_2 into main 
Merge version_2 into main
 2026-04-09 06:51:41 +00:00
bender
44f4ae68fb Update src/app/styles/variables.css 2026-04-09 06:51:38 +00:00
bender
f53ebb68a1 Update src/app/page.tsx 2026-04-09 06:51:38 +00:00
bender
8331f4ddf8 Merge version_1 into main 
Merge version_1 into main
 2026-04-09 06:49:42 +00:00
bender
8d55c74e83 Merge version_1 into main 
Merge version_1 into main
 2026-04-09 06:49:19 +00:00
bender
22c5874c7c Merge version_1 into main 
Merge version_1 into main
 2026-04-09 06:48:50 +00:00
2 changed files with 36 additions and 81 deletions
Expand all files Collapse all files

105
src/app/page.tsx
View File

@@ -3,13 +3,13 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Shield } from "lucide-react";
import { Shield, Mail, Phone, MapPin, Globe } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,14 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home", id: "hero"},
{
name: "Our Fleet", id: "products"},
{
name: "About", id: "about"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "Our Fleet", id: "products" },
{ name: "About", id: "about" },
{ name: "Contact", id: "contact" },
]}
brandName="Haidara Motors"
/>
@@ -44,15 +40,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "gradient-bars"}}
background={{ variant: "gradient-bars" }}
logoText="HAIDARA MOTORS"
description="Excellence in global automotive export. We bridge the gap between premium manufacturers and international markets with precision and trust."
buttons={[
{
text: "View Our Fleet", href: "#products"},
{
text: "Inquire Now", href: "#contact"},
{ text: "View Our Fleet", href: "#products" },
{ text: "Inquire Now", href: "#contact" },
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94419.jpg?_wi=1"
imageAlt="Luxury vehicle for export"
@@ -81,18 +74,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1", name: "Executive SUV 2024", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-psd/modern-car-isolated_23-2151504496.jpg"},
{
id: "p2", name: "Sport Performance Edition", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg"},
{
id: "p3", name: "EV Luxury Cruiser", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955588.jpg"},
{
id: "p4", name: "Business Sedan Pro", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-heels-hands-holding-phone-beautiful-sexy-rich-business-style-woman-red-suit-posing-white-car_285396-6793.jpg"},
{
id: "p5", name: "Crossover Sport Elite", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg"},
{
id: "p6", name: "Grand Performance Sedan", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15206.jpg"},
{ id: "p1", name: "Executive SUV 2024", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-psd/modern-car-isolated_23-2151504496.jpg" },
{ id: "p2", name: "Sport Performance Edition", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg" },
{ id: "p3", name: "EV Luxury Cruiser", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-sports-car_23-2151955588.jpg" },
{ id: "p4", name: "Business Sedan Pro", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/close-up-legs-heels-hands-holding-phone-beautiful-sexy-rich-business-style-woman-red-suit-posing-white-car_285396-6793.jpg" },
{ id: "p5", name: "Crossover Sport Elite", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-people-working-as-team_23-2149307825.jpg" },
{ id: "p6", name: "Grand Performance Sedan", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-choosing-car-show-room_1303-15206.jpg" },
]}
title="Premium Fleet Selection"
description="Explore our curated selection of high-end vehicles available for immediate global export."
@@ -105,21 +92,11 @@ export default function LandingPage() {
textboxLayout="split-description"
useInvertedBackground={false}
testimonials={[
{
id: "t1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "Seamless experience importing our new fleet. Everything was managed with absolute professionalism.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg"},
{
id: "t2", name: "Sarah M.", handle: "@sarah_m", testimonial: "Best service in the industry. The vehicle arrived in perfect condition, exactly as described.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769936.jpg"},
{
id: "t3", name: "David J.", handle: "@davidj", testimonial: "Haidara Motors makes the complexities of international vehicle shipping feel easy. Highly recommend.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg"},
{
id: "t4", name: "Elena R.", handle: "@elena_r", testimonial: "Trustworthy partner for our company car exports. Will definitely be working with them again.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg"},
{
id: "t5", name: "Marcus L.", handle: "@marcusl", testimonial: "Fast delivery, great communication. Exactly what we needed for our international expansion.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg"},
{ id: "t1", name: "Ahmed K.", handle: "@ahmedk", testimonial: "Seamless experience importing our new fleet. Everything was managed with absolute professionalism.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg" },
{ id: "t2", name: "Sarah M.", handle: "@sarah_m", testimonial: "Best service in the industry. The vehicle arrived in perfect condition, exactly as described.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_23-2150769936.jpg" },
{ id: "t3", name: "David J.", handle: "@davidj", testimonial: "Haidara Motors makes the complexities of international vehicle shipping feel easy. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130216.jpg" },
{ id: "t4", name: "Elena R.", handle: "@elena_r", testimonial: "Trustworthy partner for our company car exports. Will definitely be working with them again.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg" },
{ id: "t5", name: "Marcus L.", handle: "@marcusl", testimonial: "Fast delivery, great communication. Exactly what we needed for our international expansion.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg" },
]}
showRating={true}
title="Client Success Stories"
@@ -130,51 +107,29 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Inquiry"
title="Start Your Export Journey"
description="Ready to discuss your vehicle export needs? Get in touch with our team today and receive a personalized proposal."
buttons={[
{
text: "Send Inquiry", href: "mailto:info@haidaramotors.com"},
{ text: "Send Inquiry", href: "mailto:info@haidaramotors.com" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-smooth-dark-blue-with-black-vignette-studio-well-use-as-backgroundbusiness-reportdigitalwebsite-templatebackdrop_1258-94419.jpg?_wi=2"
<FooterCard
logoText="HAIDARA MOTORS"
columns={[
{
title: "Company", items: [
{
label: "About Us", href: "#about"},
{
label: "Fleet", href: "#products"},
],
},
{
title: "Services", items: [
{
label: "Export", href: "#"},
{
label: "Logistics", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy", href: "#"},
{
label: "Terms", href: "#"},
],
},
copyrightText="© 2025 Haidara Motors. All Rights Reserved."
socialLinks={[
{ icon: Globe, href: "#", ariaLabel: "Website" },
{ icon: Mail, href: "mailto:info@haidaramotors.com", ariaLabel: "Email" },
{ icon: Phone, href: "#", ariaLabel: "Phone" },
{ icon: MapPin, href: "#", ariaLabel: "Location" }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--background: #f5faff;
--card: #f1f8ff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #ffffff;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #a8cce8;
--background-accent: #7ba3cf;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);