From 57c3ce44b310218a111e625d26adcd57a9f940dc Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 20:27:21 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 259 ++++++++++------------------------------------- 1 file changed, 51 insertions(+), 208 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 082bd79..a97380e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,7 +12,7 @@ import ProductCardThree from "@/components/sections/product/ProductCardThree"; import FaqDouble from "@/components/sections/faq/FaqDouble"; import ContactCTA from "@/components/sections/contact/ContactCTA"; import FooterSimple from "@/components/sections/footer/FooterSimple"; -import { Leaf, Sprout, Users, CheckCircle, DollarSign, Star, Wrench, TrendingUp, MessageCircle, Image, HelpCircle, Phone, Mail } from "lucide-react"; +import { Leaf, Sprout, Users, CheckCircle, DollarSign, Star, Wrench, TrendingUp, MessageCircle, Image, HelpCircle, Phone, Mail, Zap, MapPin } from "lucide-react"; export default function HomePage() { const navItems = [ @@ -25,24 +25,21 @@ export default function HomePage() { const footerColumns = [ { - title: "Company", - items: [ + title: "Company", items: [ { label: "About Us", href: "/about" }, { label: "Services", href: "/services" }, { label: "Gallery", href: "/gallery" }, ], }, { - title: "Contact", - items: [ + title: "Contact", items: [ { label: "Phone: (805) 300-2372", href: "tel:(805)300-2372" }, { label: "Email: info@hortuslandscape.com", href: "mailto:info@hortuslandscape.com" }, { label: "901 Irving Dr, Thousand Oaks, CA 91360", href: "https://maps.google.com" }, ], }, { - title: "Service Areas", - items: [ + title: "Service Areas", items: [ { label: "Thousand Oaks", href: "#" }, { label: "Westlake Village", href: "#" }, { label: "Newbury Park", href: "#" }, @@ -50,8 +47,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, ], @@ -77,9 +73,7 @@ export default function HomePage() { brandName="Hortus" navItems={navItems} button={{ - text: "Request Quote", - href: "/contact", - }} + text: "Request Quote", href: "/contact"}} /> @@ -91,7 +85,7 @@ export default function HomePage() { tag="Expert Local Service" tagIcon={Leaf} tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg" imageAlt="Professional landscaping in Thousand Oaks" mediaAnimation="slide-up" buttons={[ @@ -101,21 +95,14 @@ export default function HomePage() { buttonAnimation="slide-up" testimonials={[ { - name: "Maria Santos", - handle: "Homeowner, Thousand Oaks", - testimonial: "Ignacio and his team take the best care of our property. High quality, attentive, reliable, and offer great ideas for sustainable improvements.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg", - }, + name: "Maria Santos", handle: "Homeowner, Thousand Oaks", testimonial: "Ignacio and his team take the best care of our property. High quality, attentive, reliable, and offer great ideas for sustainable improvements.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg"}, { - name: "David Martinez", - handle: "Property Owner, Westlake Village", - testimonial: "Professional, courteous and their pricing is very fair. They cover all of our landscaping needs from tree trimming to irrigation and routine maintenance.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", - }, + name: "David Martinez", handle: "Property Owner, Westlake Village", testimonial: "Professional, courteous and their pricing is very fair. They cover all of our landscaping needs from tree trimming to irrigation and routine maintenance.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg"}, ]} testimonialRotationInterval={5000} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -130,32 +117,22 @@ export default function HomePage() { tagAnimation="slide-up" bulletPoints={[ { - title: "Experienced Local Team", - description: "Highly skilled landscapers with years of proven experience in the Thousand Oaks area.", - icon: Users, + title: "Experienced Local Team", description: "Highly skilled landscapers with years of proven experience in the Thousand Oaks area.", icon: Users, }, { - title: "Reliable & Attentive", - description: "We show up on time, communicate clearly, and take pride in every detail of our work.", - icon: CheckCircle, + title: "Reliable & Attentive", description: "We show up on time, communicate clearly, and take pride in every detail of our work.", icon: CheckCircle, }, { - title: "Sustainable Solutions", - description: "Personalized recommendations for drought-friendly plants and eco-conscious landscaping practices.", - icon: Leaf, + title: "Sustainable Solutions", description: "Personalized recommendations for drought-friendly plants and eco-conscious landscaping practices.", icon: Leaf, }, { - title: "Fair & Transparent Pricing", - description: "Honest quotes with no hidden fees. You know exactly what you're paying for.", - icon: DollarSign, + title: "Fair & Transparent Pricing", description: "Honest quotes with no hidden fees. You know exactly what you're paying for.", icon: DollarSign, }, { - title: "5-Star Service", - description: "Consistently rated 5.0 stars by satisfied homeowners who trust us with their outdoor spaces.", - icon: Star, + title: "5-Star Service", description: "Consistently rated 5.0 stars by satisfied homeowners who trust us with their outdoor spaces.", icon: Star, }, ]} - imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7061.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer-using-laptop_158595-7061.jpg" imageAlt="Ignacio - Founder of Hortus Landscape & Gardening" imagePosition="right" textboxLayout="default" @@ -178,39 +155,19 @@ export default function HomePage() { features={[ { id: 1, - title: "Landscape Maintenance", - description: "Routine lawn care, trimming, weeding, and garden upkeep to keep your outdoor space looking pristine year-round.", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-watering-plants-with-green-watering-can_23-2148165274.jpg?_wi=1", - imageAlt: "Landscape maintenance service", - }, + title: "Landscape Maintenance", description: "Routine lawn care, trimming, weeding, and garden upkeep to keep your outdoor space looking pristine year-round.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-watering-plants-with-green-watering-can_23-2148165274.jpg", imageAlt: "Landscape maintenance service"}, { id: 2, - title: "Tree Trimming & Care", - description: "Professional pruning, tree maintenance, and seasonal trimming to promote healthy growth and enhance your landscape aesthetics.", - imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-leaves-from-tree_23-2147714903.jpg?_wi=1", - imageAlt: "Professional tree trimming service", - }, + title: "Tree Trimming & Care", description: "Professional pruning, tree maintenance, and seasonal trimming to promote healthy growth and enhance your landscape aesthetics.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-leaves-from-tree_23-2147714903.jpg", imageAlt: "Professional tree trimming service"}, { id: 3, - title: "Irrigation Systems", - description: "Expert installation, repair, and optimization of watering systems to ensure efficient plant hydration and water conservation.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-digital-tablet-hand-gardening-greenhouse_23-2147948181.jpg?_wi=1", - imageAlt: "Irrigation system installation", - }, + title: "Irrigation Systems", description: "Expert installation, repair, and optimization of watering systems to ensure efficient plant hydration and water conservation.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-digital-tablet-hand-gardening-greenhouse_23-2147948181.jpg", imageAlt: "Irrigation system installation"}, { id: 4, - title: "Planting & Garden Design", - description: "Personalized plant selection and landscape design recommendations to transform your outdoor vision into reality.", - imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg?_wi=1", - imageAlt: "Professional garden planting and design", - }, + title: "Planting & Garden Design", description: "Personalized plant selection and landscape design recommendations to transform your outdoor vision into reality.", imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg", imageAlt: "Professional garden planting and design"}, { id: 5, - title: "Sustainable Landscaping", - description: "Drought-friendly plant solutions and environmentally responsible practices that beautify your space while conserving resources.", - imageSrc: "http://img.b2bpic.net/free-photo/flowerpots_23-2148013452.jpg?_wi=1", - imageAlt: "Sustainable landscaping design", - }, + title: "Sustainable Landscaping", description: "Drought-friendly plant solutions and environmentally responsible practices that beautify your space while conserving resources.", imageSrc: "http://img.b2bpic.net/free-photo/flowerpots_23-2148013452.jpg", imageAlt: "Sustainable landscaping design"}, ]} /> @@ -228,29 +185,17 @@ export default function HomePage() { useInvertedBackground={true} metrics={[ { - id: "1", - icon: Star, - title: "Rating", - value: "5.0 Stars", - }, + id: "1", icon: Star, + title: "Rating", value: "5.0 Stars"}, { - id: "2", - icon: Users, - title: "Satisfied Clients", - value: "500+", - }, + id: "2", icon: Users, + title: "Satisfied Clients", value: "500+"}, { - id: "3", - icon: TrendingUp, - title: "Years Experience", - value: "15+", - }, + id: "3", icon: Zap, + title: "Years Experience", value: "15+"}, { - id: "4", - icon: MessageCircle, - title: "Service Area", - value: "Ventura County", - }, + id: "4", icon: MapPin, + title: "Service Area", value: "Ventura County"}, ]} /> @@ -267,65 +212,17 @@ export default function HomePage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Maria Santos, Thousand Oaks", - date: "Date: 15 March 2024", - title: "Outstanding Care and Attention", - quote: "Ignacio and his team take the best care of our property. High quality, attentive, reliable, and offer great ideas for sustainable improvements. We couldn't ask for better service.", - tag: "Residential", - avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=1", - }, + id: "1", name: "Maria Santos, Thousand Oaks", date: "Date: 15 March 2024", title: "Outstanding Care and Attention", quote: "Ignacio and his team take the best care of our property. High quality, attentive, reliable, and offer great ideas for sustainable improvements. We couldn't ask for better service.", tag: "Residential", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg", imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg"}, { - id: "2", - name: "David Martinez, Westlake Village", - date: "Date: 22 February 2024", - title: "Professional and Fair Pricing", - quote: "Ignacio and his team are professional, courteous and their pricing is very fair. They cover all of our landscaping needs from tree trimming to irrigation and routine maintenance.", - tag: "Full Service", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg?_wi=1", - }, + id: "2", name: "David Martinez, Westlake Village", date: "Date: 22 February 2024", title: "Professional and Fair Pricing", quote: "Ignacio and his team are professional, courteous and their pricing is very fair. They cover all of our landscaping needs from tree trimming to irrigation and routine maintenance.", tag: "Full Service", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg", imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg"}, { - id: "3", - name: "Jennifer Chen, Newbury Park", - date: "Date: 8 January 2024", - title: "Transformed Our Backyard", - quote: "The team completely transformed our backyard. From design consultation to installation, everything was handled with expertise and professionalism. Highly recommended!", - tag: "Design & Install", - avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg?_wi=2", - }, + id: "3", name: "Jennifer Chen, Newbury Park", date: "Date: 8 January 2024", title: "Transformed Our Backyard", quote: "The team completely transformed our backyard. From design consultation to installation, everything was handled with expertise and professionalism. Highly recommended!", tag: "Design & Install", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-reception_23-2149963923.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg"}, { - id: "4", - name: "Robert Thompson, Thousand Oaks", - date: "Date: 12 December 2023", - title: "Reliable, Quality Work", - quote: "We've been using Hortus for two years now for our regular maintenance. Their team is reliable, shows up on time, and always delivers quality work. Great value.", - tag: "Maintenance", - avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg?_wi=3", - }, + id: "4", name: "Robert Thompson, Thousand Oaks", date: "Date: 12 December 2023", title: "Reliable, Quality Work", quote: "We've been using Hortus for two years now for our regular maintenance. Their team is reliable, shows up on time, and always delivers quality work. Great value.", tag: "Maintenance", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg"}, { - id: "5", - name: "Michelle Rodriguez, Westlake Village", - date: "Date: 5 November 2023", - title: "Sustainable Solutions That Work", - quote: "Ignacio recommended drought-resistant plants that have thrived in our yard. The irrigation system is perfect, and our water bill has actually gone down. Smart landscaping!", - tag: "Sustainable", - avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/flowerpots_23-2148013452.jpg?_wi=2", - }, + id: "5", name: "Michelle Rodriguez, Westlake Village", date: "Date: 5 November 2023", title: "Sustainable Solutions That Work", quote: "Ignacio recommended drought-resistant plants that have thrived in our yard. The irrigation system is perfect, and our water bill has actually gone down. Smart landscaping!", tag: "Sustainable", avatarSrc: "http://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flowerpots_23-2148013452.jpg"}, { - id: "6", - name: "Thomas Anderson, Thousand Oaks", - date: "Date: 20 October 2023", - title: "Best Decision for Our Home", - quote: "After getting quotes from several companies, we chose Hortus. Best decision we made. Professional, punctual, and they really care about doing quality work.", - tag: "Premium Service", - avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", - imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg?_wi=2", - }, + id: "6", name: "Thomas Anderson, Thousand Oaks", date: "Date: 20 October 2023", title: "Best Decision for Our Home", quote: "After getting quotes from several companies, we chose Hortus. Best decision we made. Professional, punctual, and they really care about doing quality work.", tag: "Premium Service", avatarSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageSrc: "http://img.b2bpic.net/free-photo/celebration-seasonal-flower-garden-day_1232-3992.jpg"}, ]} /> @@ -344,47 +241,17 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - name: "Complete Yard Transformation", - price: "Before & After", - imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg?_wi=2", - imageAlt: "Complete yard transformation landscape project", - }, + id: "1", name: "Complete Yard Transformation", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/gardener-watering-succulent-plant-soil_23-2147844313.jpg", imageAlt: "Complete yard transformation landscape project"}, { - id: "2", - name: "Modern Garden Installation", - price: "Design & Build", - imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg?_wi=2", - imageAlt: "Modern garden installation landscape", - }, + id: "2", name: "Modern Garden Installation", price: "Design & Build", imageSrc: "http://img.b2bpic.net/free-photo/old-rusted-metal-gate-texture-with-peeling-turquoise-paint-spikes_626616-504.jpg", imageAlt: "Modern garden installation landscape"}, { - id: "3", - name: "Sustainable Landscape Design", - price: "Eco-Friendly", - imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg?_wi=4", - imageAlt: "Sustainable landscape design project", - }, + id: "3", name: "Sustainable Landscape Design", price: "Eco-Friendly", imageSrc: "http://img.b2bpic.net/free-photo/stair-pattern_1203-2595.jpg", imageAlt: "Sustainable landscape design project"}, { - id: "4", - name: "Professional Maintenance", - price: "Ongoing Care", - imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-watering-plants-with-green-watering-can_23-2148165274.jpg?_wi=2", - imageAlt: "Professional landscape maintenance", - }, + id: "4", name: "Professional Maintenance", price: "Ongoing Care", imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-gardener-watering-plants-with-green-watering-can_23-2148165274.jpg", imageAlt: "Professional landscape maintenance"}, { - id: "5", - name: "Tree Care Services", - price: "Trimming & Pruning", - imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-leaves-from-tree_23-2147714903.jpg?_wi=2", - imageAlt: "Professional tree trimming service", - }, + id: "5", name: "Tree Care Services", price: "Trimming & Pruning", imageSrc: "http://img.b2bpic.net/free-photo/woman-cutting-leaves-from-tree_23-2147714903.jpg", imageAlt: "Professional tree trimming service"}, { - id: "6", - name: "Irrigation System", - price: "Installation & Repair", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-digital-tablet-hand-gardening-greenhouse_23-2147948181.jpg?_wi=2", - imageAlt: "Irrigation system installation", - }, + id: "6", name: "Irrigation System", price: "Installation & Repair", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-digital-tablet-hand-gardening-greenhouse_23-2147948181.jpg", imageAlt: "Irrigation system installation"}, ]} /> @@ -403,45 +270,21 @@ export default function HomePage() { useInvertedBackground={false} faqs={[ { - id: "1", - title: "What services does Hortus offer?", - content: "We offer comprehensive landscaping services including landscape maintenance, tree trimming, irrigation system installation and repair, planting and garden design, and sustainable landscaping solutions. We customize our services to meet your specific needs.", - }, + id: "1", title: "What services does Hortus offer?", content: "We offer comprehensive landscaping services including landscape maintenance, tree trimming, irrigation system installation and repair, planting and garden design, and sustainable landscaping solutions. We customize our services to meet your specific needs."}, { - id: "2", - title: "What areas do you service?", - content: "We primarily serve Thousand Oaks, Westlake Village, Newbury Park, and surrounding Ventura County areas. Contact us to confirm service availability for your location.", - }, + id: "2", title: "What areas do you service?", content: "We primarily serve Thousand Oaks, Westlake Village, Newbury Park, and surrounding Ventura County areas. Contact us to confirm service availability for your location."}, { - id: "3", - title: "How do I request a quote?", - content: "You can request a free quote through our website contact form, call us directly at (805) 300-2372, or visit us in person at 901 Irving Dr, Thousand Oaks, CA 91360. We'll assess your project and provide a transparent, detailed estimate.", - }, + id: "3", title: "How do I request a quote?", content: "You can request a free quote through our website contact form, call us directly at (805) 300-2372, or visit us in person at 901 Irving Dr, Thousand Oaks, CA 91360. We'll assess your project and provide a transparent, detailed estimate."}, { - id: "4", - title: "What is your pricing structure?", - content: "Our pricing is fair and transparent with no hidden fees. Estimates vary based on project scope, size, and materials. We provide detailed quotes upfront so you know exactly what to expect.", - }, + id: "4", title: "What is your pricing structure?", content: "Our pricing is fair and transparent with no hidden fees. Estimates vary based on project scope, size, and materials. We provide detailed quotes upfront so you know exactly what to expect."}, { - id: "5", - title: "Do you offer maintenance plans?", - content: "Yes! We offer customized maintenance plans for routine lawn care, garden upkeep, and seasonal yard work. Regular maintenance helps keep your landscape healthy and beautiful year-round.", - }, + id: "5", title: "Do you offer maintenance plans?", content: "Yes! We offer customized maintenance plans for routine lawn care, garden upkeep, and seasonal yard work. Regular maintenance helps keep your landscape healthy and beautiful year-round."}, { - id: "6", - title: "Can you help with landscape design?", - content: "Absolutely. Owner Ignacio works closely with clients to recommend the best plants, design solutions, and landscaping improvements for their specific property and goals.", - }, + id: "6", title: "Can you help with landscape design?", content: "Absolutely. Owner Ignacio works closely with clients to recommend the best plants, design solutions, and landscaping improvements for their specific property and goals."}, { - id: "7", - title: "Do you work with sustainable plants?", - content: "Yes, we specialize in drought-resistant and sustainable plant solutions that are beautiful, environmentally responsible, and water-efficient for the California climate.", - }, + id: "7", title: "Do you work with sustainable plants?", content: "Yes, we specialize in drought-resistant and sustainable plant solutions that are beautiful, environmentally responsible, and water-efficient for the California climate."}, { - id: "8", - title: "What are your hours?", - content: "We're open until 6 PM on weekdays. For weekend appointments or specific scheduling questions, please call us at (805) 300-2372 to arrange the best time for your needs.", - }, + id: "8", title: "What are your hours?", content: "We're open until 6 PM on weekdays. For weekend appointments or specific scheduling questions, please call us at (805) 300-2372 to arrange the best time for your needs."}, ]} /> -- 2.49.1 From 00aab6b9f58d1f42c28d7b213fd7018c8bb13260 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 11 Mar 2026 20:27:21 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 90 ++++++++++--------- 1 file changed, 49 insertions(+), 41 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..91bb6ea 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,59 @@ -"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; + fontSize?: number; + fontFamily?: string; + fontWeight?: string | number; + letterSpacing?: number; + textAnchor?: 'start' | 'middle' | 'end'; + dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'hanging' | 'mathematical'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +const SvgTextLogo = React.forwardRef( + ( + { + text, + className = '', + fontSize = 32, + fontFamily = 'Arial, sans-serif', + fontWeight = 'bold', + letterSpacing = 0, + textAnchor = 'middle', + dominantBaseline = 'middle', + }, + ref, + ) => { + const textWidth = text.length * fontSize * 0.6; + const svgWidth = textWidth + 40; + const svgHeight = fontSize + 20; - return ( - - - {logoText} - - - ); -}); + + {text} + + + ); + }, +); -SvgTextLogo.displayName = "SvgTextLogo"; +SvgTextLogo.displayName = 'SvgTextLogo'; export default SvgTextLogo; -- 2.49.1