diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index e3cca81..09ff4b5 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -46,45 +46,25 @@ export default function AboutPage() {
@@ -107,59 +85,29 @@ export default function AboutPage() {
@@ -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"},
]}
/>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2e45ad2..e4b7d6c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -50,9 +50,7 @@ export default function HomePage() {
@@ -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"},
]}
/>
@@ -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"},
]}
/>
@@ -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"},
]}
/>
@@ -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"},
]}
/>
diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
index f214190..042d1ef 100644
--- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
+++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx
@@ -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(function SvgTextLogo({
- logoText,
- adjustHeightFactor,
- verticalAlign = "top",
- className = "",
-}) {
- const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
+const SvgTextLogo: React.FC = ({
+ 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 (
);
-});
-
-SvgTextLogo.displayName = "SvgTextLogo";
+};
export default SvgTextLogo;