Merge version_1 into main #2
@@ -46,45 +46,25 @@ export default function AboutPage() {
|
||||
<FeatureCardTwentySix
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Picked Quality Vehicles",
|
||||
description:
|
||||
"Every vehicle undergoes rigorous inspection. We only offer the best pre-owned cars.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg?_wi=4",
|
||||
imageAlt: "Quality inspection",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/inventory",
|
||||
},
|
||||
title: "Hand-Picked Quality Vehicles", description:
|
||||
"Every vehicle undergoes rigorous inspection. We only offer the best pre-owned cars.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg", imageAlt: "Quality inspection", buttonIcon: CheckCircle,
|
||||
buttonHref: "/inventory"},
|
||||
{
|
||||
title: "Competitive Financing Options",
|
||||
description:
|
||||
"Bad credit? No problem. We work with multiple lenders to get you approved fast.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg?_wi=4",
|
||||
imageAlt: "Financing options",
|
||||
buttonIcon: CreditCard,
|
||||
buttonHref: "/financing",
|
||||
},
|
||||
title: "Competitive Financing Options", description:
|
||||
"Bad credit? No problem. We work with multiple lenders to get you approved fast.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg", imageAlt: "Financing options", buttonIcon: CreditCard,
|
||||
buttonHref: "/financing"},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description:
|
||||
"No hidden fees. No surprises. What you see is what you pay. Pure honesty.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg?_wi=4",
|
||||
imageAlt: "Transparent pricing",
|
||||
buttonIcon: DollarSign,
|
||||
buttonHref: "/about",
|
||||
},
|
||||
title: "Transparent Pricing", description:
|
||||
"No hidden fees. No surprises. What you see is what you pay. Pure honesty.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg", imageAlt: "Transparent pricing", buttonIcon: DollarSign,
|
||||
buttonHref: "/about"},
|
||||
{
|
||||
title: "Fast Approval Process",
|
||||
description:
|
||||
"Get approved in as little as 24 hours. Drive home today with your dream car.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg?_wi=4",
|
||||
imageAlt: "Fast approval",
|
||||
buttonIcon: Zap,
|
||||
buttonHref: "/financing",
|
||||
},
|
||||
title: "Fast Approval Process", description:
|
||||
"Get approved in as little as 24 hours. Drive home today with your dream car.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg", imageAlt: "Fast approval", buttonIcon: Zap,
|
||||
buttonHref: "/financing"},
|
||||
]}
|
||||
title="Why Choose Auto Mega Spot"
|
||||
description="Experience premium automotive excellence with unmatched service and transparent pricing."
|
||||
@@ -95,9 +75,7 @@ export default function AboutPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "/inventory",
|
||||
},
|
||||
text: "Start Shopping", href: "/inventory"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -107,59 +85,29 @@ export default function AboutPage() {
|
||||
<TestimonialCardSixteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Martinez",
|
||||
role: "Business Owner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
id: "1", name: "James Martinez", role: "Business Owner", company: "Local Community", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg?_wi=2",
|
||||
imageAlt: "James Martinez",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg", imageAlt: "James Martinez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
id: "2", name: "Sarah Johnson", role: "Marketing Director", company: "Tech Startup", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-woman-smiling_1098-1671.jpg?_wi=2",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-woman-smiling_1098-1671.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Chen",
|
||||
role: "Financial Advisor",
|
||||
company: "Investment Firm",
|
||||
rating: 5,
|
||||
id: "3", name: "Michael Chen", role: "Financial Advisor", company: "Investment Firm", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/good-choice-attractive-caucasian-man-with-beard-showing-thumbs-up-smiling-like-approve-good_1258-159211.jpg?_wi=2",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/good-choice-attractive-caucasian-man-with-beard-showing-thumbs-up-smiling-like-approve-good_1258-159211.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rodriguez",
|
||||
role: "HR Manager",
|
||||
company: "Fortune 500",
|
||||
rating: 5,
|
||||
id: "4", name: "Emily Rodriguez", role: "HR Manager", company: "Fortune 500", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg?_wi=2",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg", imageAlt: "Emily Rodriguez"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5,847",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "5,847", label: "Happy Customers"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "12+", label: "Years in Business"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="What Our Customers Say"
|
||||
@@ -181,16 +129,10 @@ export default function AboutPage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Ford", "Chevrolet", "Honda", "Toyota", "BMW", "Mercedes", "Tesla", "Hyundai"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/minimalist-furniture-logo-template_23-2148467766.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-car-logo-collection-concept_23-2148481953.jpg",
|
||||
"http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_52683-36046.jpg",
|
||||
"http://img.b2bpic.net/free-vector/repair-shop-template-design_23-2149593006.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343860.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_52683-86801.jpg",
|
||||
"http://img.b2bpic.net/free-vector/ecology-recycling-icons_98292-1616.jpg",
|
||||
"http://img.b2bpic.net/free-vector/car-logo-set-four_23-2147740219.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/minimalist-furniture-logo-template_23-2148467766.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection-concept_23-2148481953.jpg", "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_52683-36046.jpg", "http://img.b2bpic.net/free-vector/repair-shop-template-design_23-2149593006.jpg", "http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343860.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_52683-86801.jpg", "http://img.b2bpic.net/free-vector/ecology-recycling-icons_98292-1616.jpg", "http://img.b2bpic.net/free-vector/car-logo-set-four_23-2147740219.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -203,24 +145,16 @@ export default function AboutPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
252
src/app/page.tsx
252
src/app/page.tsx
@@ -50,9 +50,7 @@ export default function HomePage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Apply Now",
|
||||
href: "financing",
|
||||
}}
|
||||
text: "Apply Now", href: "financing"}}
|
||||
brandName="Auto Mega Spot"
|
||||
/>
|
||||
</div>
|
||||
@@ -67,46 +65,24 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Inventory",
|
||||
href: "/inventory",
|
||||
},
|
||||
text: "Browse Inventory", href: "/inventory"},
|
||||
{
|
||||
text: "Get Pre-Approved",
|
||||
href: "financing",
|
||||
},
|
||||
text: "Get Pre-Approved", href: "financing"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg?_wi=1",
|
||||
imageAlt: "Luxury black sports car",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg", imageAlt: "Luxury black sports car"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-carefully-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16072.jpg?_wi=1",
|
||||
imageAlt: "White luxury SUV",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/listening-carefully-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16072.jpg", imageAlt: "White luxury SUV"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg?_wi=1",
|
||||
imageAlt: "Silver sedan",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg", imageAlt: "Silver sedan"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg?_wi=1",
|
||||
imageAlt: "Dark gray luxury sedan",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg", imageAlt: "Dark gray luxury sedan"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg?_wi=1",
|
||||
imageAlt: "Black coupe sports car",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg", imageAlt: "Black coupe sports car"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-young-woman-outdoor_624325-1163.jpg?_wi=1",
|
||||
imageAlt: "White premium SUV",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-young-woman-outdoor_624325-1163.jpg", imageAlt: "White premium SUV"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -126,35 +102,14 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "BMW",
|
||||
name: "2022 BMW 5 Series Luxury Sedan",
|
||||
price: "$42,995",
|
||||
rating: 5,
|
||||
reviewCount: "847",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg?_wi=1",
|
||||
imageAlt: "2022 BMW 5 Series",
|
||||
},
|
||||
id: "1", brand: "BMW", name: "2022 BMW 5 Series Luxury Sedan", price: "$42,995", rating: 5,
|
||||
reviewCount: "847", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg", imageAlt: "2022 BMW 5 Series"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Mercedes",
|
||||
name: "2021 Mercedes-Benz GLE Premium SUV",
|
||||
price: "$55,495",
|
||||
rating: 5,
|
||||
reviewCount: "623",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg?_wi=1",
|
||||
imageAlt: "2021 Mercedes-Benz GLE",
|
||||
},
|
||||
id: "2", brand: "Mercedes", name: "2021 Mercedes-Benz GLE Premium SUV", price: "$55,495", rating: 5,
|
||||
reviewCount: "623", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg", imageAlt: "2021 Mercedes-Benz GLE"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Tesla",
|
||||
name: "2023 Tesla Model 3 Performance",
|
||||
price: "$38,995",
|
||||
rating: 5,
|
||||
reviewCount: "1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg?_wi=1",
|
||||
imageAlt: "2023 Tesla Model 3",
|
||||
},
|
||||
id: "3", brand: "Tesla", name: "2023 Tesla Model 3 Performance", price: "$38,995", rating: 5,
|
||||
reviewCount: "1200", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg", imageAlt: "2023 Tesla Model 3"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -168,45 +123,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Hand-Picked Quality Vehicles",
|
||||
description: "Every vehicle undergoes rigorous inspection. We only offer the best pre-owned cars.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg?_wi=2",
|
||||
imageAlt: "Quality inspection",
|
||||
buttonIcon: CheckCircle,
|
||||
buttonHref: "/inventory",
|
||||
},
|
||||
title: "Hand-Picked Quality Vehicles", description: "Every vehicle undergoes rigorous inspection. We only offer the best pre-owned cars.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-choosing-car-car-showroom_1303-22803.jpg", imageAlt: "Quality inspection", buttonIcon: CheckCircle,
|
||||
buttonHref: "/inventory"},
|
||||
{
|
||||
title: "Competitive Financing Options",
|
||||
description: "Bad credit? No problem. We work with multiple lenders to get you approved fast.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg?_wi=2",
|
||||
imageAlt: "Financing options",
|
||||
buttonIcon: CreditCard,
|
||||
buttonHref: "financing",
|
||||
},
|
||||
title: "Competitive Financing Options", description: "Bad credit? No problem. We work with multiple lenders to get you approved fast.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-photo-particle-view-modern-luxury-white-car-parked-indoors-daytime_146671-16498.jpg", imageAlt: "Financing options", buttonIcon: CreditCard,
|
||||
buttonHref: "financing"},
|
||||
{
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees. No surprises. What you see is what you pay. Pure honesty.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg?_wi=2",
|
||||
imageAlt: "Transparent pricing",
|
||||
buttonIcon: DollarSign,
|
||||
buttonHref: "#",
|
||||
},
|
||||
title: "Transparent Pricing", description: "No hidden fees. No surprises. What you see is what you pay. Pure honesty.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-valet-suit-working_23-2150274573.jpg", imageAlt: "Transparent pricing", buttonIcon: DollarSign,
|
||||
buttonHref: "#"},
|
||||
{
|
||||
title: "Fast Approval Process",
|
||||
description: "Get approved in as little as 24 hours. Drive home today with your dream car.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg?_wi=2",
|
||||
imageAlt: "Fast approval",
|
||||
buttonIcon: Zap,
|
||||
buttonHref: "financing",
|
||||
},
|
||||
title: "Fast Approval Process", description: "Get approved in as little as 24 hours. Drive home today with your dream car.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117178.jpg", imageAlt: "Fast approval", buttonIcon: Zap,
|
||||
buttonHref: "financing"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Shopping",
|
||||
href: "/inventory",
|
||||
},
|
||||
text: "Start Shopping", href: "/inventory"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -224,56 +157,23 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "step1",
|
||||
title: "Apply Online",
|
||||
price: "Step",
|
||||
period: "1",
|
||||
features: [
|
||||
"Complete our quick 5-minute application",
|
||||
"No credit check required to apply",
|
||||
"Instant eligibility confirmation",
|
||||
],
|
||||
id: "step1", title: "Apply Online", price: "Step", period: "1", features: [
|
||||
"Complete our quick 5-minute application", "No credit check required to apply", "Instant eligibility confirmation"],
|
||||
button: {
|
||||
text: "Start Application",
|
||||
href: "contact-cta",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-carefully-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16072.jpg?_wi=2",
|
||||
imageAlt: "Apply online step",
|
||||
},
|
||||
text: "Start Application", href: "contact-cta"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/listening-carefully-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16072.jpg", imageAlt: "Apply online step"},
|
||||
{
|
||||
id: "step2",
|
||||
title: "Get Approved",
|
||||
price: "Step",
|
||||
period: "2",
|
||||
features: [
|
||||
"Approval decision within 24 hours",
|
||||
"Multiple lending options available",
|
||||
"Transparent terms and conditions",
|
||||
],
|
||||
id: "step2", title: "Get Approved", price: "Step", period: "2", features: [
|
||||
"Approval decision within 24 hours", "Multiple lending options available", "Transparent terms and conditions"],
|
||||
button: {
|
||||
text: "View Options",
|
||||
href: "contact-cta",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg?_wi=2",
|
||||
imageAlt: "Get approved step",
|
||||
},
|
||||
text: "View Options", href: "contact-cta"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-hood-black-luxury-car_146671-19734.jpg", imageAlt: "Get approved step"},
|
||||
{
|
||||
id: "step3",
|
||||
title: "Drive Home",
|
||||
price: "Step",
|
||||
period: "3",
|
||||
features: [
|
||||
"Pick your vehicle from our inventory",
|
||||
"Complete paperwork same day",
|
||||
"Drive off the lot in your new car",
|
||||
],
|
||||
id: "step3", title: "Drive Home", price: "Step", period: "3", features: [
|
||||
"Pick your vehicle from our inventory", "Complete paperwork same day", "Drive off the lot in your new car"],
|
||||
button: {
|
||||
text: "Browse Inventory",
|
||||
href: "/inventory",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg?_wi=2",
|
||||
imageAlt: "Drive home step",
|
||||
},
|
||||
text: "Browse Inventory", href: "/inventory"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-sitting-car_1303-22820.jpg", imageAlt: "Drive home step"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -290,55 +190,25 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Martinez",
|
||||
role: "Business Owner",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg?_wi=1",
|
||||
imageAlt: "James Martinez",
|
||||
},
|
||||
id: "1", name: "James Martinez", role: "Business Owner", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-well-dressed-male-leaning-against-wall-looking-camera_181624-15421.jpg", imageAlt: "James Martinez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director",
|
||||
company: "Tech Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smiling_1098-1671.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
id: "2", name: "Sarah Johnson", role: "Marketing Director", company: "Tech Startup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-smiling_1098-1671.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Chen",
|
||||
role: "Financial Advisor",
|
||||
company: "Investment Firm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-choice-attractive-caucasian-man-with-beard-showing-thumbs-up-smiling-like-approve-good_1258-159211.jpg?_wi=1",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
id: "3", name: "Michael Chen", role: "Financial Advisor", company: "Investment Firm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-choice-attractive-caucasian-man-with-beard-showing-thumbs-up-smiling-like-approve-good_1258-159211.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Rodriguez",
|
||||
role: "HR Manager",
|
||||
company: "Fortune 500",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
id: "4", name: "Emily Rodriguez", role: "HR Manager", company: "Fortune 500", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-posing-with-glasses_1149-93.jpg", imageAlt: "Emily Rodriguez"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5,847",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "5,847", label: "Happy Customers"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "12+",
|
||||
label: "Years in Business",
|
||||
},
|
||||
value: "12+", label: "Years in Business"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -352,16 +222,10 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Ford", "Chevrolet", "Honda", "Toyota", "BMW", "Mercedes", "Tesla", "Hyundai"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/minimalist-furniture-logo-template_23-2148467766.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-car-logo-collection-concept_23-2148481953.jpg",
|
||||
"http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_52683-36046.jpg",
|
||||
"http://img.b2bpic.net/free-vector/repair-shop-template-design_23-2149593006.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343860.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_52683-86801.jpg",
|
||||
"http://img.b2bpic.net/free-vector/ecology-recycling-icons_98292-1616.jpg",
|
||||
"http://img.b2bpic.net/free-vector/car-logo-set-four_23-2147740219.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/minimalist-furniture-logo-template_23-2148467766.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection-concept_23-2148481953.jpg", "http://img.b2bpic.net/free-vector/realistic-metallic-car-logo_52683-36046.jpg", "http://img.b2bpic.net/free-vector/repair-shop-template-design_23-2149593006.jpg", "http://img.b2bpic.net/free-vector/gradient-car-dealer-logo-template_23-2149343860.jpg", "http://img.b2bpic.net/free-vector/gradient-auto-parts-logo-design_52683-86801.jpg", "http://img.b2bpic.net/free-vector/ecology-recycling-icons_98292-1616.jpg", "http://img.b2bpic.net/free-vector/car-logo-set-four_23-2147740219.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -389,24 +253,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,47 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
size?: 'small' | 'medium' | 'large';
|
||||
weight?: 'light' | 'normal' | 'bold';
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
size = 'medium',
|
||||
weight = 'bold',
|
||||
className = '',
|
||||
}) => {
|
||||
const sizeMap = {
|
||||
small: { fontSize: 16, width: 100, height: 40 },
|
||||
medium: { fontSize: 24, width: 150, height: 50 },
|
||||
large: { fontSize: 32, width: 200, height: 60 },
|
||||
};
|
||||
|
||||
const { fontSize, width, height } = sizeMap[size];
|
||||
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
className={className}
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
x="50%"
|
||||
y="50%"
|
||||
dominantBaseline="middle"
|
||||
textAnchor="middle"
|
||||
fontSize={fontSize}
|
||||
fontWeight={weight}
|
||||
fill="currentColor"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
};
|
||||
|
||||
export default SvgTextLogo;
|
||||
|
||||
Reference in New Issue
Block a user