diff --git a/src/app/page.tsx b/src/app/page.tsx index b427e32..5d92a5c 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function LandingPage() { borderRadius="rounded" contentWidth="small" sizing="mediumSizeLargeTitles" - background="none" + background="circleGradient" cardStyle="outline" primaryButtonStyle="gradient" secondaryButtonStyle="solid" @@ -47,24 +47,24 @@ export default function LandingPage() { imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/a-modern-web-development-workspace-with--1773333554521-b905c907.png" imageAlt="Modern web development workspace" mediaAnimation="slide-up" - background={{ variant: "none" }} + background={{ variant: "plain" }} useInvertedBackground={false} testimonials={[ { name: "Alex Chen", handle: "CEO, TechVenture", testimonial: "Transformed our digital presence with exceptional attention to detail and modern design principles.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=1" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png" }, { name: "Sarah Johnson", handle: "Founder, StartupXYZ", testimonial: "Professional team that delivered beyond expectations. Outstanding web development and support.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=1" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png" }, { name: "Marcus Rodriguez", handle: "CTO, InnovateLab", testimonial: "Clean code, responsive design, and incredible performance. Highly recommended for any project.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png?_wi=1" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png" }, { name: "Emily Davis", handle: "Product Lead, CloudSync", testimonial: "The best web development experience. Collaborative, responsive, and delivered on time.", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png?_wi=1" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png" } ]} buttons={[ @@ -96,18 +96,18 @@ export default function LandingPage() { features={[ { id: 1, - title: "Responsive Web Design", description: "Beautiful, adaptive websites that work perfectly on all devices. We create seamless experiences across desktop, tablet, and mobile platforms.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png?_wi=1" }, - phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png?_wi=2" } + title: "Responsive Web Design", description: "Beautiful, adaptive websites that work perfectly on all devices. We create seamless experiences across desktop, tablet, and mobile platforms.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png" }, + phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-responsive-web-design--1773333555354-485d8c89.png" } }, { id: 2, - title: "Performance Optimization", description: "Fast-loading websites that convert. We optimize every aspect for speed, SEO, and user experience to maximize your online success.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png?_wi=1" }, - phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png?_wi=2" } + title: "Performance Optimization", description: "Fast-loading websites that convert. We optimize every aspect for speed, SEO, and user experience to maximize your online success.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png" }, + phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-performance-optimi-1773333553711-e811e3b8.png" } }, { id: 3, - title: "Custom Development", description: "Tailored web solutions built from scratch. From concept to implementation, we create unique, scalable applications that match your vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png?_wi=1" }, - phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png?_wi=2" } + title: "Custom Development", description: "Tailored web solutions built from scratch. From concept to implementation, we create unique, scalable applications that match your vision.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png" }, + phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/icon-representing-web-development-and-cu-1773333554287-6b304a2c.png" } } ]} showStepNumbers={true} @@ -146,27 +146,27 @@ export default function LandingPage() { testimonials={[ { id: "1", name: "Alex Chen", role: "CEO", company: "TechVenture", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=2" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png" }, { id: "2", name: "Sarah Johnson", role: "Founder", company: "StartupXYZ", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=2" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png" }, { id: "3", name: "Marcus Rodriguez", role: "CTO", company: "InnovateLab", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png?_wi=2" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-tech-entrepre-1773333554613-37369afc.png" }, { id: "4", name: "Emily Davis", role: "Product Lead", company: "CloudSync", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png?_wi=2" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-of-a-business-mana-1773333554135-a07a7127.png" }, { id: "5", name: "David Kim", role: "VP Product", company: "DataFlow", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png?_wi=3" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-sati-1773333554098-e54e575e.png" }, { id: "6", name: "Lisa Wang", role: "Marketing Director", company: "GrowthCo", rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png?_wi=3" + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AqwdXbhiWI5sOTCH4RsHa7btgM/professional-headshot-portrait-of-a-busi-1773333554059-ad878da6.png" } ]} gridVariant="uniform-all-items-equal" @@ -182,7 +182,7 @@ export default function LandingPage() { tagIcon={Mail} title="Ready to start your next web project?" description="Let's create something amazing together. Reach out today and let's discuss how we can help bring your vision to life." - background={{ variant: "none" }} + background={{ variant: "plain" }} useInvertedBackground={false} inputPlaceholder="your@email.com" buttonText="Contact Us" diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..68dd4f9 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,39 @@ -"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; + fontWeight?: string; + letterSpacing?: number; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, + fontWeight = 'bold', + letterSpacing = 0, +}) => { return ( - {logoText} + {text} ); -}); - -SvgTextLogo.displayName = "SvgTextLogo"; +}; export default SvgTextLogo;