Merge version_1 into main #2
@@ -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() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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<SvgTextLogoProps>(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 (
|
||||
<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"
|
||||
}}
|
||||
y={fontSize * 0.75}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline={dominantBaseline}
|
||||
className={textClassName}
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user