diff --git a/src/app/page.tsx b/src/app/page.tsx index 435c9c9..61ad46f 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="mediumLarge" - background="noiseDiagonalGradient" + background="circleGradient" cardStyle="solid" primaryButtonStyle="double-inset" secondaryButtonStyle="layered" @@ -50,7 +50,7 @@ export default function LandingPage() { description="Trusted by hundreds of service businesses to generate qualified leads and increase phone calls. Our proven process turns website visitors into paying customers." tag="High-Conversion Marketing" tagIcon={Zap} - background={{ variant: "noiseDiagonalGradient" }} + background={{ variant: "animated-grid" }} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zvd0jr" imageAlt="Professional business dashboard and consultation" buttons={[ @@ -84,7 +84,7 @@ export default function LandingPage() { title="Our Services" description="Comprehensive lead generation and conversion optimization solutions tailored to your business needs" tag="What We Do" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jx1my&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jx1my" imageAlt="Service delivery dashboard" mediaPosition="right" useInvertedBackground={false} @@ -103,7 +103,6 @@ export default function LandingPage() { id: "4", title: "Performance Tracking", content: "Detailed analytics and reporting on every lead, conversion, and revenue source. Real-time dashboards show what's working so you can optimize continuously." } ]} - textboxLayout="default" buttons={[ { text: "Learn More", href: "#" } ]} @@ -116,7 +115,7 @@ export default function LandingPage() { title="Why Choose Us" description="We're not just another marketing agency. We're your partner in growth, focused entirely on one goal: getting you more qualified leads that turn into revenue." tag="Our Advantage" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qyhqj&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qyhqj" imageAlt="Team strategy consultation" imagePosition="right" mediaAnimation="opacity" @@ -154,13 +153,13 @@ export default function LandingPage() { tag="Performance" metrics={[ { - id: "1", value: "250M+", title: "Total Leads Generated", description: "For businesses across all industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da16cz&_wi=1", imageAlt: "Lead generation results" + id: "1", value: "250M+", title: "Total Leads Generated", description: "For businesses across all industries", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da16cz", imageAlt: "Lead generation results" }, { id: "2", value: "3.2x", title: "Average ROI", description: "Typical return for our clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jwlul", imageAlt: "Performance metrics dashboard" }, { - id: "3", value: "98%", title: "Client Satisfaction", description: "Rated by industry leaders", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jx1my&_wi=2", imageAlt: "Client satisfaction ratings" + id: "3", value: "98%", title: "Client Satisfaction", description: "Rated by industry leaders", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2jx1my", imageAlt: "Client satisfaction ratings" } ]} animationType="slide-up" @@ -174,7 +173,7 @@ export default function LandingPage() { title="How It Works" description="Our simple 4-step process gets your leads flowing quickly and efficiently" tag="The Process" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qyhqj&_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9qyhqj" imageAlt="Process implementation workflow" imagePosition="left" mediaAnimation="slide-up" @@ -209,10 +208,10 @@ export default function LandingPage() { tag="Client Stories" testimonials={[ { - id: "1", name: "Sarah Thompson", role: "CEO", testimonial: "InboundLead increased our qualified leads by 350% in just 3 months. Their team's expertise and support made all the difference in our expansion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nybc5&_wi=1", imageAlt: "Sarah Thompson" + id: "1", name: "Sarah Thompson", role: "CEO", testimonial: "InboundLead increased our qualified leads by 350% in just 3 months. Their team's expertise and support made all the difference in our expansion.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nybc5", imageAlt: "Sarah Thompson" }, { - id: "2", name: "Michael Chen", role: "Sales Director", testimonial: "Best decision we made this year. We went from struggling to fill our pipeline to having more qualified leads than we can handle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1s4sq&_wi=1", imageAlt: "Michael Chen" + id: "2", name: "Michael Chen", role: "Sales Director", testimonial: "Best decision we made this year. We went from struggling to fill our pipeline to having more qualified leads than we can handle.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1s4sq", imageAlt: "Michael Chen" }, { id: "3", name: "Jennifer Rodriguez", role: "Marketing Manager", testimonial: "The transparency and communication from their team is exceptional. We know exactly what's happening with our leads and ROI at all times.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jan0n9", imageAlt: "Jennifer Rodriguez" @@ -221,10 +220,10 @@ export default function LandingPage() { id: "4", name: "David Park", role: "Founder", testimonial: "From zero to 50+ qualified leads per month. InboundLead's process is simple, effective, and has completely transformed our business.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vff7p3", imageAlt: "David Park" }, { - id: "5", name: "Amanda Foster", role: "Operations Director", testimonial: "Their team truly understands B2B lead generation. We've seen consistent quality leads and excellent support throughout our partnership.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nybc5&_wi=2", imageAlt: "Amanda Foster" + id: "5", name: "Amanda Foster", role: "Operations Director", testimonial: "Their team truly understands B2B lead generation. We've seen consistent quality leads and excellent support throughout our partnership.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nybc5", imageAlt: "Amanda Foster" }, { - id: "6", name: "Robert Martinez", role: "Business Development Lead", testimonial: "InboundLead took the guesswork out of our marketing. Now we have predictable lead flow and measurable results every month.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1s4sq&_wi=2", imageAlt: "Robert Martinez" + id: "6", name: "Robert Martinez", role: "Business Development Lead", testimonial: "InboundLead took the guesswork out of our marketing. Now we have predictable lead flow and measurable results every month.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1s4sq", imageAlt: "Robert Martinez" } ]} animationType="slide-up" @@ -276,7 +275,7 @@ export default function LandingPage() { title="Ready to Grow?" description="Stop waiting for leads to come to you. Let's build a predictable lead generation system that fills your pipeline and grows your revenue." tag="Take Action" - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da16cz&_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=da16cz" imageAlt="Success and growth visualization" imagePosition="right" mediaAnimation="opacity" @@ -338,4 +337,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +} diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..1ca8558 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,41 @@ -"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; + textClassName?: string; + fill?: string; + fontSize?: number; + fontWeight?: number | string; + dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export default function SvgTextLogo({ + text, + className = '', + textClassName = '', + fill = 'currentColor', + fontSize = 24, + fontWeight = 700, + dominantBaseline = 'middle', +}: SvgTextLogoProps) { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +}