Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-11 13:04:08 +00:00
3 changed files with 101 additions and 330 deletions

View File

@@ -24,7 +24,7 @@ export default function AboutPage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="large"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -35,9 +35,7 @@ export default function AboutPage() {
brandName="Chick Cheapest"
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+1254-272-2473",
}}
text: "Call Now", href: "tel:+1254-272-2473"}}
/>
</div>
@@ -48,9 +46,7 @@ export default function AboutPage() {
useInvertedBackground={false}
buttons={[
{
text: "Get Your Free Quote Today",
href: "/quote",
},
text: "Get Your Free Quote Today", href: "/quote"},
]}
/>
</div>
@@ -62,27 +58,15 @@ export default function AboutPage() {
tag="By the Numbers"
metrics={[
{
id: "rating",
value: "5.0★",
description: "Google Customer Rating",
},
id: "rating", value: "5.0★", description: "Google Customer Rating"},
{
id: "savings",
value: "$400+",
description: "Average Annual Savings",
},
id: "savings", value: "$400+", description: "Average Annual Savings"},
{
id: "customers",
value: "5,000+",
description: "Happy Austin Drivers",
},
id: "customers", value: "5,000+", description: "Happy Austin Drivers"},
{
id: "years",
value: "15+",
description: "Years Serving Austin",
},
id: "years", value: "15+", description: "Years Serving Austin"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -96,59 +80,23 @@ export default function AboutPage() {
tag="Customer Stories"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Austin, TX",
company: "Saved $480/year",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg?_wi=2",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Austin, TX", company: "Saved $480/year", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Austin, TX",
company: "Best service in Austin",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-crossed_23-2147707175.jpg?_wi=2",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Austin, TX", company: "Best service in Austin", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-crossed_23-2147707175.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Austin, TX",
company: "Quick quote, great rates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=2",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Austin, TX", company: "Quick quote, great rates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Austin, TX",
company: "Friendly and professional",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg?_wi=2",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Austin, TX", company: "Friendly and professional", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Martinez",
role: "Austin, TX",
company: "Honest advice I trusted",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?_wi=2",
imageAlt: "Jessica Martinez",
},
id: "5", name: "Jessica Martinez", role: "Austin, TX", company: "Honest advice I trusted", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageAlt: "Jessica Martinez"},
{
id: "6",
name: "Robert Thompson",
role: "Austin, TX",
company: "Easy claims process",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
imageAlt: "Robert Thompson",
},
id: "6", name: "Robert Thompson", role: "Austin, TX", company: "Easy claims process", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert Thompson"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -161,13 +109,9 @@ export default function AboutPage() {
<FooterLogoReveal
logoText="Chick Cheapest"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ThemeProvider>

View File

@@ -30,7 +30,7 @@ export default function HomePage() {
borderRadius="pill"
contentWidth="smallMedium"
sizing="large"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
@@ -41,9 +41,7 @@ export default function HomePage() {
brandName="Chick Cheapest"
navItems={navItems}
button={{
text: "Call Now",
href: "tel:+1254-272-2473",
}}
text: "Call Now", href: "tel:+1254-272-2473"}}
/>
</div>
@@ -53,30 +51,20 @@ export default function HomePage() {
description="Fast quotes. Local experts. Affordable coverage. Get protected today with Texas's most trusted insurance agency."
tag="5-Star Rated"
tagIcon={Star}
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "radial-gradient" }}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=1",
imageAlt: "Smiling family in car",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Smiling family in car"},
{
imageSrc: "http://img.b2bpic.net/free-vector/business-financial-recovery-after-coronavirus-being-stopped_1017-24627.jpg?_wi=1",
imageAlt: "Savings chart visualization",
},
imageSrc: "http://img.b2bpic.net/free-vector/business-financial-recovery-after-coronavirus-being-stopped_1017-24627.jpg", imageAlt: "Savings chart visualization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=2",
imageAlt: "Driver showing confidence",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Driver showing confidence"},
]}
buttons={[
{
text: "Call Now: +1 254-272-2473",
href: "tel:+1254-272-2473",
},
text: "Call Now: +1 254-272-2473", href: "tel:+1254-272-2473"},
{
text: "Get Free Quote",
href: "/quote",
},
text: "Get Free Quote", href: "/quote"},
]}
/>
</div>
@@ -88,9 +76,7 @@ export default function HomePage() {
useInvertedBackground={false}
buttons={[
{
text: "Get Your Free Quote Today",
href: "/quote",
},
text: "Get Your Free Quote Today", href: "/quote"},
]}
/>
</div>
@@ -102,51 +88,23 @@ export default function HomePage() {
tag="Our Advantages"
features={[
{
id: "local-experts",
title: "Local Austin Experts",
descriptions: [
"We've been serving Austin drivers for years with deep community knowledge",
"Our agents understand Texas insurance requirements and local needs",
"Personalized service from people who live and work in your community",
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=3",
imageAlt: "Local insurance expert",
},
id: "local-experts", title: "Local Austin Experts", descriptions: [
"We've been serving Austin drivers for years with deep community knowledge", "Our agents understand Texas insurance requirements and local needs", "Personalized service from people who live and work in your community"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Local insurance expert"},
{
id: "affordable-coverage",
title: "Affordable Coverage Options",
descriptions: [
"Access to multiple insurance carriers for the best rates",
"Flexible payment plans that fit your budget",
"Discounts for bundling, good driving, and more",
],
imageSrc: "http://img.b2bpic.net/free-vector/business-financial-recovery-after-coronavirus-being-stopped_1017-24627.jpg?_wi=2",
imageAlt: "Affordable pricing visualization",
},
id: "affordable-coverage", title: "Affordable Coverage Options", descriptions: [
"Access to multiple insurance carriers for the best rates", "Flexible payment plans that fit your budget", "Discounts for bundling, good driving, and more"],
imageSrc: "http://img.b2bpic.net/free-vector/business-financial-recovery-after-coronavirus-being-stopped_1017-24627.jpg", imageAlt: "Affordable pricing visualization"},
{
id: "fast-quotes",
title: "Fast, Easy Quotes",
descriptions: [
"Get an instant quote online or by phone",
"No high-pressure sales tactics, just honest advice",
"Compare coverage options side-by-side",
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=4",
imageAlt: "Quick quote process",
},
id: "fast-quotes", title: "Fast, Easy Quotes", descriptions: [
"Get an instant quote online or by phone", "No high-pressure sales tactics, just honest advice", "Compare coverage options side-by-side"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Quick quote process"},
{
id: "friendly-support",
title: "Friendly Customer Support",
descriptions: [
"Our team is ready to help you 24/7",
"Easy claims process with dedicated support",
"We answer your questions in plain English, not insurance jargon",
],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=5",
imageAlt: "Customer support team",
},
id: "friendly-support", title: "Friendly Customer Support", descriptions: [
"Our team is ready to help you 24/7", "Easy claims process with dedicated support", "We answer your questions in plain English, not insurance jargon"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Customer support team"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -160,40 +118,15 @@ export default function HomePage() {
tag="Services"
products={[
{
id: "liability",
name: "Liability Insurance",
price: "From $49/mo",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=6",
imageAlt: "Liability insurance",
},
id: "liability", name: "Liability Insurance", price: "From $49/mo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Liability insurance"},
{
id: "full-coverage",
name: "Full Coverage Insurance",
price: "From $89/mo",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=7",
imageAlt: "Full coverage insurance",
},
id: "full-coverage", name: "Full Coverage Insurance", price: "From $89/mo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Full coverage insurance"},
{
id: "sr22",
name: "SR-22 Insurance",
price: "From $79/mo",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=8",
imageAlt: "SR-22 insurance",
},
id: "sr22", name: "SR-22 Insurance", price: "From $79/mo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "SR-22 insurance"},
{
id: "high-risk",
name: "High-Risk Driver Insurance",
price: "From $99/mo",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=9",
imageAlt: "High-risk driver insurance",
},
id: "high-risk", name: "High-Risk Driver Insurance", price: "From $99/mo", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "High-risk driver insurance"},
{
id: "multi-car",
name: "Multi-Car Policies",
price: "Save 25%+",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg?_wi=10",
imageAlt: "Multi-car policies",
},
id: "multi-car", name: "Multi-Car Policies", price: "Save 25%+", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-delivery-man-uniform-cap-showing-okay-gesture-isolated-pink-wall_141793-86685.jpg", imageAlt: "Multi-car policies"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -209,27 +142,15 @@ export default function HomePage() {
tag="Trust Signals"
metrics={[
{
id: "rating",
value: "5.0★",
description: "Google Customer Rating",
},
id: "rating", value: "5.0★", description: "Google Customer Rating"},
{
id: "savings",
value: "$400+",
description: "Average Annual Savings",
},
id: "savings", value: "$400+", description: "Average Annual Savings"},
{
id: "customers",
value: "5,000+",
description: "Happy Austin Drivers",
},
id: "customers", value: "5,000+", description: "Happy Austin Drivers"},
{
id: "years",
value: "15+",
description: "Years Serving Austin",
},
id: "years", value: "15+", description: "Years Serving Austin"},
]}
gridVariant="four-items-2x2-equal-grid"
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
@@ -243,59 +164,23 @@ export default function HomePage() {
tag="Testimonials"
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "Austin, TX",
company: "Saved $480/year",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg?_wi=1",
imageAlt: "Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "Austin, TX", company: "Saved $480/year", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Austin, TX",
company: "Best service in Austin",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-crossed_23-2147707175.jpg?_wi=1",
imageAlt: "Michael Chen",
},
id: "2", name: "Michael Chen", role: "Austin, TX", company: "Best service in Austin", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-arms-crossed_23-2147707175.jpg", imageAlt: "Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Austin, TX",
company: "Quick quote, great rates",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=1",
imageAlt: "Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Austin, TX", company: "Quick quote, great rates", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Austin, TX",
company: "Friendly and professional",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg?_wi=1",
imageAlt: "David Kim",
},
id: "4", name: "David Kim", role: "Austin, TX", company: "Friendly and professional", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/well-dressed-employee-outdoors_1098-2197.jpg", imageAlt: "David Kim"},
{
id: "5",
name: "Jessica Martinez",
role: "Austin, TX",
company: "Honest advice I trusted",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?_wi=1",
imageAlt: "Jessica Martinez",
},
id: "5", name: "Jessica Martinez", role: "Austin, TX", company: "Honest advice I trusted", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageAlt: "Jessica Martinez"},
{
id: "6",
name: "Robert Thompson",
role: "Austin, TX",
company: "Easy claims process",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
imageAlt: "Robert Thompson",
},
id: "6", name: "Robert Thompson", role: "Austin, TX", company: "Easy claims process", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Robert Thompson"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -311,35 +196,17 @@ export default function HomePage() {
tag="Help & Support"
faqs={[
{
id: "1",
title: "How quickly can I get a quote?",
content: "You can get an instant quote online through our website or by calling us at +1 254-272-2473. Our process typically takes less than 5 minutes.",
},
id: "1", title: "How quickly can I get a quote?", content: "You can get an instant quote online through our website or by calling us at +1 254-272-2473. Our process typically takes less than 5 minutes."},
{
id: "2",
title: "What's the cheapest car insurance in Austin?",
content: "The cheapest rate depends on your driving record, vehicle, and coverage needs. We shop multiple carriers to find you the best rate. Call us to compare options.",
},
id: "2", title: "What's the cheapest car insurance in Austin?", content: "The cheapest rate depends on your driving record, vehicle, and coverage needs. We shop multiple carriers to find you the best rate. Call us to compare options."},
{
id: "3",
title: "Do you offer SR-22 insurance?",
content: "Yes! We specialize in SR-22 filings for drivers who need them. We can get you covered quickly with competitive rates.",
},
id: "3", title: "Do you offer SR-22 insurance?", content: "Yes! We specialize in SR-22 filings for drivers who need them. We can get you covered quickly with competitive rates."},
{
id: "4",
title: "Can I bundle home and auto insurance?",
content: "Absolutely! Bundling typically saves 15-25% on your premiums. Ask our agents about available multi-policy discounts.",
},
id: "4", title: "Can I bundle home and auto insurance?", content: "Absolutely! Bundling typically saves 15-25% on your premiums. Ask our agents about available multi-policy discounts."},
{
id: "5",
title: "What discounts are available?",
content: "Common discounts include: good driver discount, bundling, paperless billing, autopay, and safety features. We'll find every discount you qualify for.",
},
id: "5", title: "What discounts are available?", content: "Common discounts include: good driver discount, bundling, paperless billing, autopay, and safety features. We'll find every discount you qualify for."},
{
id: "6",
title: "How do I file a claim?",
content: "Call us at +1 254-272-2473 or visit your insurance company's website to file. We'll guide you through the entire process and answer your questions.",
},
id: "6", title: "How do I file a claim?", content: "Call us at +1 254-272-2473 or visit your insurance company's website to file. We'll guide you through the entire process and answer your questions."},
]}
textboxLayout="default"
faqsAnimation="slide-up"
@@ -353,47 +220,27 @@ export default function HomePage() {
description="Fill out the form below or call us directly. Our Austin insurance experts are ready to help you save money."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
name: "email", type: "email", placeholder: "Email Address", required: true,
},
{
name: "zipCode",
type: "text",
placeholder: "Zip Code",
required: true,
name: "zipCode", type: "text", placeholder: "Zip Code", required: true,
},
{
name: "vehicleType",
type: "text",
placeholder: "Vehicle Type (e.g., 2020 Honda Civic)",
required: true,
name: "vehicleType", type: "text", placeholder: "Vehicle Type (e.g., 2020 Honda Civic)", required: true,
},
{
name: "currentProvider",
type: "text",
placeholder: "Current Insurance Provider (Optional)",
},
name: "currentProvider", type: "text", placeholder: "Current Insurance Provider (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Tell us about your insurance needs",
rows: 4,
name: "message", placeholder: "Tell us about your insurance needs", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55127.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-wooden-table_169016-55127.jpg"
imageAlt="Insurance office interior"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -406,13 +253,9 @@ export default function HomePage() {
<FooterLogoReveal
logoText="Chick Cheapest"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ThemeProvider>

View File

@@ -1,51 +1,35 @@
"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;
fontSize?: number;
fontFamily?: string;
fill?: string;
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,
fontSize = 32,
fontFamily = "Arial", fill = "#000", className = ""}) => {
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}`}
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"
}}
y={fontSize}
fontSize={fontSize}
fontFamily={fontFamily}
fill={fill}
dominantBaseline="auto"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
};
export default SvgTextLogo;