206 lines
9.7 KiB
TypeScript
206 lines
9.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import { Award, CheckCircle, Shield, Sparkles, Star, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "Services", id: "features"},
|
|
{
|
|
name: "Inventory", id: "products"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="GCM Motors"
|
|
button={{
|
|
text: "Book Service", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Excellence in Every Detail at Golden Century Motors"
|
|
description="Your trusted Chinese car specialist for premium service, maintenance, and expert solutions. Experience the GCM difference."
|
|
tag="Trusted for Generations"
|
|
buttons={[
|
|
{
|
|
text: "View Inventory", href: "#products"},
|
|
{
|
|
text: "Contact Us", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg?_wi=1"
|
|
imageAlt="Golden Century Motors showroom"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTen
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Brand Specialist", description: "Experts in Tank and other premier Chinese brands with precise diagnostic equipment.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg?_wi=2", imageAlt: "luxury car showroom premium quality"
|
|
},
|
|
items: [
|
|
{
|
|
text: "Factory-trained diagnostics", icon: CheckCircle,
|
|
},
|
|
{
|
|
text: "Genuine parts inventory", icon: Shield,
|
|
},
|
|
{
|
|
text: "Specialized service teams", icon: Award,
|
|
},
|
|
],
|
|
reverse: false,
|
|
},
|
|
{
|
|
title: "Premium Concierge", description: "Every service includes a complimentary full detailing service for your vehicle.", media: {
|
|
imageSrc: "http://img.b2bpic.net/free-vector/illustration-car-service-website_53876-37570.jpg", imageAlt: "car repair service icon"
|
|
},
|
|
items: [
|
|
{
|
|
text: "Interior deep clean", icon: Sparkles,
|
|
},
|
|
{
|
|
text: "Exterior buff and polish", icon: Star,
|
|
},
|
|
{
|
|
text: "Quality control check", icon: Zap,
|
|
},
|
|
],
|
|
reverse: true,
|
|
},
|
|
]}
|
|
title="Why Choose GCM Motors"
|
|
description="We combine decades of experience with a commitment to professional excellence and customer satisfaction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "1", brand: "Tank", name: "Tank 300 Premium", price: "$45,000", rating: 5,
|
|
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg"},
|
|
{
|
|
id: "2", brand: "Tank", name: "Tank 500 Luxury", price: "$65,000", rating: 5,
|
|
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/ladies-car-salon-woman-buying-car-elegant-woman-blue-dress-manager-helps-client_1157-45024.jpg"},
|
|
{
|
|
id: "3", brand: "GWM", name: "Haval H6 Sport", price: "$38,000", rating: 4,
|
|
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-small-girl-is-sitting-lifting-platform-with-car-holding-hammer_613910-17072.jpg"},
|
|
{
|
|
id: "4", brand: "GWM", name: "Ute Cannon X", price: "$42,000", rating: 5,
|
|
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-car-dealership_23-2149106139.jpg"},
|
|
{
|
|
id: "5", brand: "BYD", name: "Atto 3 Extended", price: "$48,000", rating: 5,
|
|
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-30116.jpg"},
|
|
{
|
|
id: "6", brand: "Tank", name: "Tank 300 Ultra", price: "$52,000", rating: 5,
|
|
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/modern-empty-room_23-2150528620.jpg"},
|
|
]}
|
|
title="Premium Inventory"
|
|
description="Explore our curated selection of high-quality vehicles, inspected for reliability and performance."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah J.", handle: "@sarah_j", testimonial: "Golden Century Motors is my go-to. They fixed my water-damaged car when no one else could.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-with-curly-hair-wearing-outdoor-clothes-going-walk-standing-against-red-background_1258-149025.jpg"},
|
|
{
|
|
id: "2", name: "Michael T.", handle: "@m_t", testimonial: "Professional, efficient, and they even threw in a free car wash. Highly recommend.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/image-handsome-bearded-guy-with-blond-hair-smiling-happy-with-white-teeth-showing-thumb-up-looking-confident-relaxed-standing-against-white-background_176420-47420.jpg"},
|
|
{
|
|
id: "3", name: "Emily R.", handle: "@emily_r", testimonial: "The staff really knows their way around Tank vehicles. Truly specialists.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/real-professional-smiling-businesswoman-looking-confident-determined-face-expression-standing-suit-white-background_1258-123234.jpg"},
|
|
{
|
|
id: "4", name: "David W.", handle: "@david_w", testimonial: "Been coming here for years. Loyal service and honest advice every time.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-woman-with-arms-crossed-isolated-whit_1391-39.jpg"},
|
|
{
|
|
id: "5", name: "Jason K.", handle: "@jason_k", testimonial: "The detail in their work is unmatched. Very happy with my service.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="What Our Customers Say"
|
|
description="Trusted by loyal customers for years. Your peace of mind is our priority."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Connect with GCM"
|
|
description="Schedule your next service or inquiry about our current inventory."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
|
},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your message or request", rows: 4,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797631.jpg"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="GCM Motors"
|
|
copyrightText="© 2025 Golden Century Motors | Professional Automotive Service"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|