Merge version_1 into main #2
@@ -6,7 +6,7 @@ import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import FeatureBento from "@/components/sections/feature/FeatureBento";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||
import { Zap, Users, Award, Star } from "lucide-react";
|
||||
import { Zap, Users, Award, Star, Clock, FileCheck, Truck } from "lucide-react";
|
||||
|
||||
export default function AboutPage() {
|
||||
const navItems = [
|
||||
@@ -35,7 +35,7 @@ export default function AboutPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -46,9 +46,7 @@ export default function AboutPage() {
|
||||
brandName="Redzone Auto"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,68 +62,37 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Concierge Service",
|
||||
description: "Our team handles every detail from selection to delivery. Personalized support throughout your lease.",
|
||||
bentoComponent: "globe",
|
||||
},
|
||||
title: "Concierge Service", description: "Our team handles every detail from selection to delivery. Personalized support throughout your lease.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Best Prices",
|
||||
description: "We negotiate directly with manufacturers and sources to secure the best possible lease terms for you.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Best Prices", description: "We negotiate directly with manufacturers and sources to secure the best possible lease terms for you.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "No Dealership Hassle",
|
||||
description: "Complete your entire leasing process remotely via phone or online. Fast approval without the showroom stress.",
|
||||
bentoComponent: "line-chart",
|
||||
},
|
||||
title: "No Dealership Hassle", description: "Complete your entire leasing process remotely via phone or online. Fast approval without the showroom stress.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Door-to-Door Delivery",
|
||||
description: "Your new vehicle is delivered directly to your home. We handle all logistics and paperwork.",
|
||||
bentoComponent: "map",
|
||||
},
|
||||
title: "Door-to-Door Delivery", description: "Your new vehicle is delivered directly to your home. We handle all logistics and paperwork.", bentoComponent: "map"},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Our specialists help you choose the perfect model, color, features, and lease terms for your needs.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Expert Guidance", description: "Our specialists help you choose the perfect model, color, features, and lease terms for your needs.", bentoComponent: "icon-info-cards", items: [
|
||||
{
|
||||
icon: Users,
|
||||
label: "Expert Team",
|
||||
value: "15+ Years",
|
||||
},
|
||||
label: "Expert Team", value: "15+ Years"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Top Rated",
|
||||
value: "5 Stars",
|
||||
},
|
||||
label: "Top Rated", value: "5 Stars"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Fast Service",
|
||||
value: "24-48 Hrs",
|
||||
},
|
||||
label: "Fast Service", value: "24-48 Hrs"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leasing Timeline",
|
||||
description: "Get approved and receive your vehicle faster than traditional dealerships. Same-day approvals available.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Approval Process",
|
||||
items: [
|
||||
title: "Leasing Timeline", description: "Get approved and receive your vehicle faster than traditional dealerships. Same-day approvals available.", bentoComponent: "3d-task-list", items: [
|
||||
{
|
||||
icon: "Clock",
|
||||
label: "Day 1: Quote Request",
|
||||
time: "Immediate",
|
||||
},
|
||||
icon: Clock,
|
||||
label: "Day 1: Quote Request", time: "Immediate"},
|
||||
{
|
||||
icon: "FileCheck",
|
||||
label: "Day 2: Approval",
|
||||
time: "Fast Track",
|
||||
},
|
||||
icon: FileCheck,
|
||||
label: "Day 2: Approval", time: "Fast Track"},
|
||||
{
|
||||
icon: "Truck",
|
||||
label: "Day 3: Delivery",
|
||||
time: "To Your Door",
|
||||
},
|
||||
icon: Truck,
|
||||
label: "Day 3: Delivery", time: "To Your Door"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -144,115 +111,67 @@ export default function AboutPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Business Owner",
|
||||
company: "Rodriguez Enterprises",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Michael Rodriguez", role: "Business Owner", company: "Rodriguez Enterprises", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Executive Director",
|
||||
company: "Tech Innovations LLC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", role: "Executive Director", company: "Tech Innovations LLC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Thompson",
|
||||
role: "Senior Manager",
|
||||
company: "Thompson Financial Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg?_wi=2",
|
||||
},
|
||||
id: "3", name: "James Thompson", role: "Senior Manager", company: "Thompson Financial Group", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "500+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "10K+",
|
||||
label: "Vehicles Leased",
|
||||
},
|
||||
value: "10K+", label: "Vehicles Leased"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg?_wi=4"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg"
|
||||
imageAlt="Luxury cars collection lineup"
|
||||
logoText="Redzone Auto Leasing"
|
||||
copyrightText="© 2025 Redzone Auto Leasing. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Lease a Vehicle",
|
||||
href: "/inventory",
|
||||
},
|
||||
label: "Lease a Vehicle", href: "/inventory"},
|
||||
{
|
||||
label: "Vehicle Inventory",
|
||||
href: "/inventory",
|
||||
},
|
||||
label: "Vehicle Inventory", href: "/inventory"},
|
||||
{
|
||||
label: "How It Works",
|
||||
href: "/inventory",
|
||||
},
|
||||
label: "How It Works", href: "/inventory"},
|
||||
{
|
||||
label: "Get a Quote",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Get a Quote", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Our Team",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Our Team", href: "/about"},
|
||||
{
|
||||
label: "Customer Reviews",
|
||||
href: "/about",
|
||||
},
|
||||
label: "Customer Reviews", href: "/about"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact Us", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Lease Agreement",
|
||||
href: "#",
|
||||
},
|
||||
label: "Lease Agreement", href: "#"},
|
||||
{
|
||||
label: "Accessibility",
|
||||
href: "#",
|
||||
},
|
||||
label: "Accessibility", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -18,8 +18,7 @@ export default function ContactPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Lease a Vehicle", href: "/lease" },
|
||||
{ label: "Vehicle Inventory", href: "/inventory" },
|
||||
{ label: "How It Works", href: "/process" },
|
||||
@@ -27,8 +26,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Customer Reviews", href: "/contact" },
|
||||
@@ -36,8 +34,7 @@ export default function ContactPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Lease Agreement", href: "#" },
|
||||
@@ -53,7 +50,7 @@ export default function ContactPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -67,9 +64,7 @@ export default function ContactPage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,10 +76,9 @@ export default function ContactPage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "noise",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg"
|
||||
imageAlt="luxury automotive showroom interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -96,7 +90,7 @@ export default function ContactPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg"
|
||||
imageAlt="luxury cars collection lineup"
|
||||
logoText="Redzone Auto Leasing"
|
||||
copyrightText="© 2025 Redzone Auto Leasing. All rights reserved."
|
||||
|
||||
246
src/app/page.tsx
246
src/app/page.tsx
@@ -36,8 +36,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Lease a Vehicle", href: "/lease" },
|
||||
{ label: "Vehicle Inventory", href: "/inventory" },
|
||||
{ label: "How It Works", href: "/process" },
|
||||
@@ -45,8 +44,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Team", href: "/about" },
|
||||
{ label: "Customer Reviews", href: "/contact" },
|
||||
@@ -54,8 +52,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Lease Agreement", href: "#" },
|
||||
@@ -71,7 +68,7 @@ export default function HomePage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeLargeTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -85,9 +82,7 @@ export default function HomePage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -106,21 +101,16 @@ export default function HomePage() {
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/stylish-female-driver_1098-18470.jpg",
|
||||
imageAlt: "Premium luxury SUV showcase",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/stylish-female-driver_1098-18470.jpg", imageAlt: "Premium luxury SUV showcase"},
|
||||
{
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-friends-car_23-2149104442.jpg?_wi=1",
|
||||
imageAlt: "High-performance sports sedan",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/medium-shot-friends-car_23-2149104442.jpg", imageAlt: "High-performance sports sedan"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by automotive enthusiasts"
|
||||
background={{
|
||||
variant: "noise",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -135,15 +125,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
names={["BMW", "Mercedes-Benz", "Audi", "Jeep", "Porsche", "Tesla", "Range Rover", "Lexus"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/vintage-motor-label-with-lettering-composition_1284-45868.jpg",
|
||||
"http://img.b2bpic.net/free-vector/color-year-2020-abstract-business-card_23-2148380798.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-car-wash-logo-design_23-2149925866.jpg",
|
||||
"http://img.b2bpic.net/free-vector/set-retro-car-logos-with-geometric-forms_23-2147615679.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-print-t-shirt-apparel-retro-artwork-black-white-fashion-printing_1284-37009.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-go-logo-template_23-2148985414.jpg",
|
||||
"http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147734687.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-car-rental-labels-collection_23-2149240450.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/vintage-motor-label-with-lettering-composition_1284-45868.jpg", "http://img.b2bpic.net/free-vector/color-year-2020-abstract-business-card_23-2148380798.jpg", "http://img.b2bpic.net/free-vector/gradient-car-wash-logo-design_23-2149925866.jpg", "http://img.b2bpic.net/free-vector/set-retro-car-logos-with-geometric-forms_23-2147615679.jpg", "http://img.b2bpic.net/free-vector/vintage-print-t-shirt-apparel-retro-artwork-black-white-fashion-printing_1284-37009.jpg", "http://img.b2bpic.net/free-vector/gradient-go-logo-template_23-2148985414.jpg", "http://img.b2bpic.net/free-vector/vintage-car-logo-collection_23-2147734687.jpg", "http://img.b2bpic.net/free-vector/gradient-car-rental-labels-collection_23-2149240450.jpg"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -161,47 +143,28 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Concierge Service",
|
||||
description:
|
||||
"Our team handles every detail from selection to delivery. Personalized support throughout your lease.",
|
||||
bentoComponent: "globe",
|
||||
},
|
||||
title: "Concierge Service", description:
|
||||
"Our team handles every detail from selection to delivery. Personalized support throughout your lease.", bentoComponent: "globe"},
|
||||
{
|
||||
title: "Best Prices",
|
||||
description:
|
||||
"We negotiate directly with manufacturers and sources to secure the best possible lease terms for you.",
|
||||
bentoComponent: "animated-bar-chart",
|
||||
},
|
||||
title: "Best Prices", description:
|
||||
"We negotiate directly with manufacturers and sources to secure the best possible lease terms for you.", bentoComponent: "animated-bar-chart"},
|
||||
{
|
||||
title: "No Dealership Hassle",
|
||||
description:
|
||||
"Complete your entire leasing process remotely via phone or online. Fast approval without the showroom stress.",
|
||||
bentoComponent: "line-chart",
|
||||
},
|
||||
title: "No Dealership Hassle", description:
|
||||
"Complete your entire leasing process remotely via phone or online. Fast approval without the showroom stress.", bentoComponent: "line-chart"},
|
||||
{
|
||||
title: "Door-to-Door Delivery",
|
||||
description:
|
||||
"Your new vehicle is delivered directly to your home. We handle all logistics and paperwork.",
|
||||
bentoComponent: "map",
|
||||
},
|
||||
title: "Door-to-Door Delivery", description:
|
||||
"Your new vehicle is delivered directly to your home. We handle all logistics and paperwork.", bentoComponent: "map"},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description:
|
||||
"Our specialists help you choose the perfect model, color, features, and lease terms for your needs.",
|
||||
bentoComponent: "icon-info-cards",
|
||||
items: [
|
||||
title: "Expert Guidance", description:
|
||||
"Our specialists help you choose the perfect model, color, features, and lease terms for your needs.", bentoComponent: "icon-info-cards", items: [
|
||||
{ icon: Users, label: "Expert Team", value: "15+ Years" },
|
||||
{ icon: Award, label: "Top Rated", value: "5 Stars" },
|
||||
{ icon: Zap, label: "Fast Service", value: "24-48 Hrs" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Leasing Timeline",
|
||||
description:
|
||||
"Get approved and receive your vehicle faster than traditional dealerships. Same-day approvals available.",
|
||||
bentoComponent: "3d-task-list",
|
||||
title: "Quick Approval Process",
|
||||
items: [
|
||||
title: "Leasing Timeline", description:
|
||||
"Get approved and receive your vehicle faster than traditional dealerships. Same-day approvals available.", bentoComponent: "3d-task-list", items: [
|
||||
{ icon: Clock, label: "Day 1: Quote Request", time: "Immediate" },
|
||||
{ icon: FileCheck, label: "Day 2: Approval", time: "Fast Track" },
|
||||
{ icon: Truck, label: "Day 3: Delivery", time: "To Your Door" },
|
||||
@@ -225,71 +188,29 @@ export default function HomePage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "BMW",
|
||||
name: "M440i xDrive Sedan",
|
||||
price: "$699/month",
|
||||
rating: 5,
|
||||
reviewCount: "127",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/red-suv-cuts-through-winter-forest-motion-forest-road-drive_169016-71217.jpg?_wi=1",
|
||||
imageAlt: "BMW M440i sedan in midnight blue",
|
||||
},
|
||||
id: "1", brand: "BMW", name: "M440i xDrive Sedan", price: "$699/month", rating: 5,
|
||||
reviewCount: "127", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/red-suv-cuts-through-winter-forest-motion-forest-road-drive_169016-71217.jpg", imageAlt: "BMW M440i sedan in midnight blue"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Mercedes-Benz",
|
||||
name: "C-Class AMG Sport",
|
||||
price: "$749/month",
|
||||
rating: 5,
|
||||
reviewCount: "156",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg?_wi=1",
|
||||
imageAlt: "Mercedes C-Class AMG in silver",
|
||||
},
|
||||
id: "2", brand: "Mercedes-Benz", name: "C-Class AMG Sport", price: "$749/month", rating: 5,
|
||||
reviewCount: "156", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg", imageAlt: "Mercedes C-Class AMG in silver"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Porsche",
|
||||
name: "911 Carrera",
|
||||
price: "$1,299/month",
|
||||
rating: 5,
|
||||
reviewCount: "89",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg?_wi=1",
|
||||
imageAlt: "Porsche 911 Carrera in racing red",
|
||||
},
|
||||
id: "3", brand: "Porsche", name: "911 Carrera", price: "$1,299/month", rating: 5,
|
||||
reviewCount: "89", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9275.jpg", imageAlt: "Porsche 911 Carrera in racing red"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Tesla",
|
||||
name: "Model S Long Range",
|
||||
price: "$649/month",
|
||||
rating: 5,
|
||||
reviewCount: "203",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg?_wi=1",
|
||||
imageAlt: "Tesla Model S in pearl white",
|
||||
},
|
||||
id: "4", brand: "Tesla", name: "Model S Long Range", price: "$649/month", rating: 5,
|
||||
reviewCount: "203", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-19007.jpg", imageAlt: "Tesla Model S in pearl white"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Range Rover",
|
||||
name: "Sport SVR",
|
||||
price: "$899/month",
|
||||
rating: 5,
|
||||
reviewCount: "142",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg?_wi=1",
|
||||
imageAlt: "Range Rover Sport in black",
|
||||
},
|
||||
id: "5", brand: "Range Rover", name: "Sport SVR", price: "$899/month", rating: 5,
|
||||
reviewCount: "142", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/gray-coupe-road-focus_417767-24.jpg", imageAlt: "Range Rover Sport in black"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Audi",
|
||||
name: "RS6 Avant",
|
||||
price: "$849/month",
|
||||
rating: 5,
|
||||
reviewCount: "118",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg?_wi=1",
|
||||
imageAlt: "Audi RS6 Avant in dark gray",
|
||||
},
|
||||
id: "6", brand: "Audi", name: "RS6 Avant", price: "$849/month", rating: 5,
|
||||
reviewCount: "118", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg", imageAlt: "Audi RS6 Avant in dark gray"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -306,32 +227,20 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Tell Us What You Want",
|
||||
description:
|
||||
"Submit a request or speak with one of our specialists about your ideal vehicle specifications and needs.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageCircle,
|
||||
title: "Tell Us What You Want", description:
|
||||
"Submit a request or speak with one of our specialists about your ideal vehicle specifications and needs.", bentoComponent: "reveal-icon", icon: MessageCircle,
|
||||
},
|
||||
{
|
||||
title: "We Find the Best Deal",
|
||||
description:
|
||||
"Our team searches our extensive network to locate the perfect vehicle at the best possible price for you.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Search,
|
||||
title: "We Find the Best Deal", description:
|
||||
"Our team searches our extensive network to locate the perfect vehicle at the best possible price for you.", bentoComponent: "reveal-icon", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Approve Your Lease",
|
||||
description:
|
||||
"Quick and simple financing process. Most approvals completed within 24 hours with transparent terms.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: CheckCircle,
|
||||
title: "Approve Your Lease", description:
|
||||
"Quick and simple financing process. Most approvals completed within 24 hours with transparent terms.", bentoComponent: "reveal-icon", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Get Your Car Delivered",
|
||||
description:
|
||||
"Your new vehicle is professionally delivered directly to your door. We handle all logistics and paperwork.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Truck,
|
||||
title: "Get Your Car Delivered", description:
|
||||
"Your new vehicle is professionally delivered directly to your door. We handle all logistics and paperwork.", bentoComponent: "reveal-icon", icon: Truck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -349,59 +258,29 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Business Owner",
|
||||
company: "Rodriguez Enterprises",
|
||||
rating: 5,
|
||||
id: "1", name: "Michael Rodriguez", role: "Business Owner", company: "Rodriguez Enterprises", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-business-man-standing-with-suitcase-airport-waiting-flight-xa_657883-702.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Executive Director",
|
||||
company: "Tech Innovations LLC",
|
||||
rating: 5,
|
||||
id: "2", name: "Sarah Chen", role: "Executive Director", company: "Tech Innovations LLC", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-businesswoman-her-40s-office-smiling-camera-joyfull-woman_482257-25805.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James Thompson",
|
||||
role: "Senior Manager",
|
||||
company: "Thompson Financial Group",
|
||||
rating: 5,
|
||||
id: "3", name: "James Thompson", role: "Senior Manager", company: "Thompson Financial Group", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg?_wi=1",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-man-with-keys-just-bought-new-appartment_1303-28896.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Lisa Martinez",
|
||||
role: "Marketing Director",
|
||||
company: "Creative Solutions Co",
|
||||
rating: 5,
|
||||
id: "4", name: "Lisa Martinez", role: "Marketing Director", company: "Creative Solutions Co", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kim",
|
||||
role: "Entrepreneur",
|
||||
company: "StartUp Ventures",
|
||||
rating: 5,
|
||||
id: "5", name: "David Kim", role: "Entrepreneur", company: "StartUp Ventures", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiley-man-with-camera_23-2148602762.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Jennifer Walsh",
|
||||
role: "Corporate Executive",
|
||||
company: "Global Business Partners",
|
||||
rating: 5,
|
||||
id: "6", name: "Jennifer Walsh", role: "Corporate Executive", company: "Global Business Partners", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-cheerful-woman-showing-thumb-up_23-2148230160.jpg",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-cheerful-woman-showing-thumb-up_23-2148230160.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
@@ -419,10 +298,9 @@ export default function HomePage() {
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{
|
||||
variant: "noise",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-22409.jpg"
|
||||
imageAlt="luxury automotive showroom interior"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
@@ -434,7 +312,7 @@ export default function HomePage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-park_1203-3451.jpg"
|
||||
imageAlt="luxury cars collection lineup"
|
||||
logoText="Redzone Auto Leasing"
|
||||
copyrightText="© 2025 Redzone Auto Leasing. All rights reserved."
|
||||
|
||||
@@ -1,51 +1,36 @@
|
||||
"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;
|
||||
className?: string;
|
||||
textColor?: string;
|
||||
fontSize?: number;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = "", textColor = "#000000", fontSize = 24,
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<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%"
|
||||
textAnchor="middle"
|
||||
dominantBaseline="middle"
|
||||
fill={textColor}
|
||||
fontSize={fontSize}
|
||||
fontWeight="bold"
|
||||
fontFamily="system-ui, -apple-system, sans-serif"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user