Merge version_1 into main #3
232
src/app/page.tsx
232
src/app/page.tsx
@@ -8,20 +8,24 @@ import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
|
||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import Link from "next/link";
|
||||
import { Award, Sparkles, Target, Zap, TrendingUp, Shield, Users } from "lucide-react";
|
||||
import { Award, Sparkles, Target, Zap, TrendingUp, Shield, Star, Users } from "lucide-react";
|
||||
|
||||
const HomePage = () => {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Catalog", id: "catalog" },
|
||||
{ name: "Catalog", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Request Inquiry", href: "/contact"};
|
||||
text: "Request Inquiry", href: "contact"
|
||||
};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -54,23 +58,27 @@ const HomePage = () => {
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-288.jpg", imageAlt: "luxury aircraft private jet aviation premium"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/private-luxury-jet-airport-terminal_657883-288.jpg", imageAlt: "luxury aircraft private jet aviation premium"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg", imageAlt: "luxury helicopter private aviation luxury transport"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg", imageAlt: "luxury helicopter private aviation luxury transport"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-sitting-front-seat-man-dressed-suit-standing-near-car-outdoors_613910-4822.jpg", imageAlt: "luxury supercar exotic car premium automobile"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-sitting-front-seat-man-dressed-suit-standing-near-car-outdoors_613910-4822.jpg", imageAlt: "luxury supercar exotic car premium automobile"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg", imageAlt: "luxury motorcycle premium bike sports motorcycle"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg", imageAlt: "luxury motorcycle premium bike sports motorcycle"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg", imageAlt: "luxury lifestyle premium experience exclusivity"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-resting-home-cozy-sofa_7502-9284.jpg", imageAlt: "luxury lifestyle premium experience exclusivity"
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Explore Catalog", href: "/catalog" },
|
||||
{ text: "Request Consultation", href: "/contact" },
|
||||
{ text: "Explore Catalog", href: "products" },
|
||||
{ text: "Request Consultation", href: "contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -88,18 +96,22 @@ const HomePage = () => {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Bombardier", name: "Global 8000 Aircraft", price: "$72,000,000", rating: 5,
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-elegant-car-interior-with-leather-seats-white-curtains_181624-23631.jpg", imageAlt: "Bombardier Global 8000"},
|
||||
reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-elegant-car-interior-with-leather-seats-white-curtains_181624-23631.jpg", imageAlt: "Bombardier Global 8000"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Airbus", name: "H225 Helicopter", price: "$45,000,000", rating: 5,
|
||||
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg", imageAlt: "Airbus H225 Helicopter"},
|
||||
reviewCount: "142", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg", imageAlt: "Airbus H225 Helicopter"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Ferrari", name: "SF90 Stradale Supercar", price: "$875,000", rating: 5,
|
||||
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg", imageAlt: "Ferrari SF90 Stradale"},
|
||||
reviewCount: "289", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg", imageAlt: "Ferrari SF90 Stradale"
|
||||
},
|
||||
{
|
||||
id: "4", brand: "Ducati", name: "Panigale V4 Motorcycle", price: "$76,500", rating: 5,
|
||||
reviewCount: "423", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg", imageAlt: "Ducati Panigale V4"},
|
||||
reviewCount: "423", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-biker-girl-wearing-black-leather-jacket-holding-helmet-superbike-outside-building_613910-19351.jpg", imageAlt: "Ducati Panigale V4"
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "View All Vehicles", href: "/catalog" }]}
|
||||
buttons={[{ text: "View All Vehicles", href: "products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,8 +123,8 @@ const HomePage = () => {
|
||||
title="We represent the future of luxury transportation and exclusive lifestyle experiences. With decades of expertise in premium vehicle curation and white-glove service, we connect discerning clients with the world's most extraordinary automobiles, aircraft, and motorcycles."
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "/about" },
|
||||
{ text: "Schedule Tour", href: "/contact" },
|
||||
{ text: "Learn More", href: "about" },
|
||||
{ text: "Schedule Tour", href: "contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,13 +141,15 @@ const HomePage = () => {
|
||||
animationType="slide-up"
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited inventory selection", "Generic purchasing experience", "Impersonal customer service", "Hidden fees and complications"],
|
||||
"Limited inventory selection", "Generic purchasing experience", "Impersonal customer service", "Hidden fees and complications"
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Exclusive global vehicle access", "Personalized concierge service", "Expert consultation & guidance", "Transparent, premium partnerships"],
|
||||
"Exclusive global vehicle access", "Personalized concierge service", "Expert consultation & guidance", "Transparent, premium partnerships"
|
||||
],
|
||||
}}
|
||||
buttons={[{ text: "Start Your Journey", href: "/contact" }]}
|
||||
buttons={[{ text: "Start Your Journey", href: "contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -161,7 +175,7 @@ const HomePage = () => {
|
||||
id: "3", value: "450", title: "vehicles", description: "Successfully facilitated transactions", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "4", value: "8.2B", title: "managed", description: "In total transaction value", icon: TrendingUp,
|
||||
id: "4", value: "$8.2B", title: "managed", description: "In total transaction value", icon: TrendingUp,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -177,101 +191,95 @@ const HomePage = () => {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Ferrari", "Lamborghini", "BMW", "Porsche", "Rolls Royce", "Bentley", "McLaren", "Airbus", "Bombardier"]}
|
||||
"Ferrari", "Lamborghini", "BMW", "Porsche", "Rolls Royce", "Bentley", "McLaren", "Airbus", "Bombardier"
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg", "http://img.b2bpic.net/free-vector/gaming-profile-picture-design_742173-15284.jpg", "http://img.b2bpic.net/free-vector/set-abstract-vehicle-logos_23-2147606226.jpg", "http://img.b2bpic.net/free-vector/car-logo-design_1390-140.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149460684.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149460684.jpg", "http://img.b2bpic.net/free-vector/gaming-profile-picture-design_742173-15284.jpg", "http://img.b2bpic.net/free-vector/flat-vintage-travel-logo_23-2148177529.jpg", "http://img.b2bpic.net/free-vector/vintage-astronaut-labels-badges-emblems-set_1284-51698.jpg"]}
|
||||
"http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147730872.jpg", "http://img.b2bpic.net/free-vector/gaming-profile-picture-design_742173-15284.jpg", "http://img.b2bpic.net/free-vector/set-abstract-vehicle-logos_23-2147606226.jpg", "http://img.b2bpic.net/free-vector/car-logo-design_1390-140.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149460684.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_23-2149460684.jpg", "http://img.b2bpic.net/free-vector/gaming-profile-picture-design_742173-15284.jpg", "http://img.b2bpic.net/free-vector/flat-vintage-travel-logo_23-2148177529.jpg", "http://img.b2bpic.net/free-vector/vintage-astronaut-labels-badges-emblems-set_1284-51698.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<footer className="w-full bg-gray-900 text-white py-12">
|
||||
<div className="mx-auto px-4 md:px-6 max-w-7xl">
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-8">
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Vehicles</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/catalog" className="hover:text-accent transition-colors">
|
||||
Aircraft
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/catalog" className="hover:text-accent transition-colors">
|
||||
Helicopters
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/catalog" className="hover:text-accent transition-colors">
|
||||
Supercars
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/catalog" className="hover:text-accent transition-colors">
|
||||
Motorcycles
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Company</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/about" className="hover:text-accent transition-colors">
|
||||
About Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/services" className="hover:text-accent transition-colors">
|
||||
Our Services
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-accent transition-colors">
|
||||
Careers
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-accent transition-colors">
|
||||
Press
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold mb-4">Support</h3>
|
||||
<ul className="space-y-2">
|
||||
<li>
|
||||
<Link href="/contact" className="hover:text-accent transition-colors">
|
||||
Contact Us
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-accent transition-colors">
|
||||
FAQ
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-accent transition-colors">
|
||||
Privacy Policy
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#" className="hover:text-accent transition-colors">
|
||||
Terms of Service
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between items-center">
|
||||
<p className="text-gray-400">© 2025 TechClub Motors. All rights reserved. Redefining luxury through innovation and excellence.</p>
|
||||
<button onClick={() => {}} className="text-gray-400 hover:text-white transition-colors mt-4 md:mt-0">
|
||||
Privacy Policy
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="Client Stories"
|
||||
description="Hear from our distinguished clients about their transformative experiences with TechClub Motors and the vehicles that changed their lives."
|
||||
tag="Testimonials"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alexandra Mitchell, CEO of Pinnacle Ventures", date: "Date: 15 November 2024", title: "A transformation in luxury travel", quote: "TechClub Motors didn't just sell me an aircraft—they opened a new dimension of global connectivity and freedom. The Bombardier Global 8000 has become essential to our operations. Their consultation process was exceptional, understanding our needs before we fully articulated them.", tag: "Aircraft Owner", avatarSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1649.jpg", imageSrc: "http://img.b2bpic.net/free-photo/luxury-design-private-jet-flying-clouds-ai-generated-image_511042-1764.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Richardson, Investment Magnate", date: "Date: 8 October 2024", title: "Unparalleled expertise and service", quote: "After acquiring three vehicles through TechClub Motors, I can confidently say their team possesses an unmatched understanding of ultra-luxury automotive markets. They've guided me through acquisitions that have appreciated significantly. Truly in a league of their own.", tag: "Multi-Vehicle Collector", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sophia Delacroix, Fashion Industry Icon", date: "Date: 3 September 2024", title: "Curating the perfect collection", quote: "I came to TechClub Motors seeking specific vehicles that matched my lifestyle aesthetic. Their curation expertise is extraordinary—they understand not just horsepower and specifications, but the lifestyle these machines enable. My Ferrari has become my sanctuary.", tag: "Passion Enthusiast", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "James Chen, Tech Entrepreneur", date: "Date: 25 August 2024", title: "Innovation in purchasing experience", quote: "The entire process was seamless—from initial consultation to delivery of my custom helicopter configuration. They anticipated every question, handled logistics flawlessly, and made a complex transaction feel effortless. This is what premium service should look like.", tag: "Aviation Owner", avatarSrc: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Victoria Ashford, Heritage Collector", date: "Date: 12 July 2024", title: "Preservation of automotive excellence", quote: "TechClub Motors assisted in acquiring my dream motorcycle collection. Their knowledge of heritage brands and market trends is remarkable. They've become trusted advisors in building a collection that will be cherished for generations.", tag: "Collector", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-biker-dressed-black-leather-jacket-jeans-sitting-his-retro-motorcycle-old-europe-street_613910-4536.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "David Rothschild, Corporate Executive", date: "Date: 28 June 2024", title: "Excellence redefined in service", quote: "What sets TechClub Motors apart is their genuine passion for matching clients with vehicles that truly align with their visions. They don't just facilitate transactions—they curate transformative experiences. My experience has been nothing short of extraordinary.", tag: "Corporate Client", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glamorous-woman-posing-plane_158595-7830.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Ready to embark on your luxury journey? Our expert consultants are prepared to guide you toward the vehicle that perfectly matches your aspirations and lifestyle."
|
||||
animationType="entrance-slide"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "Schedule Consultation", href: "contact" },
|
||||
{ text: "Browse Catalog", href: "products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg"
|
||||
imageAlt="luxury lifestyle premium experience high-end collection"
|
||||
logoText="TechClub Motors"
|
||||
copyrightText="© 2025 TechClub Motors. All rights reserved. Redefining luxury through innovation and excellence."
|
||||
columns={[
|
||||
{
|
||||
title: "Vehicles", items: [
|
||||
{ label: "Aircraft", href: "products" },
|
||||
{ label: "Helicopters", href: "products" },
|
||||
{ label: "Supercars", href: "products" },
|
||||
{ label: "Motorcycles", href: "products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Services", href: "features" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Press", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user