bender/df2d435f-56c7-4456-98bc-63b084c18950
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-13 09:51:46 +00:00
Conversation 0 Commits 3 Files Changed 3 +96 -362
3 changed files with 96 additions and 362 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/contact/page.tsx
View File

@@ -7,7 +7,7 @@ import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { DollarSign, HelpCircle } from "lucide-react";
import { DollarSign, HelpCircle, Zap } from "lucide-react";
export default function ContactPage() {
return (
@@ -17,7 +17,7 @@ export default function ContactPage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="large"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -34,9 +34,7 @@ export default function ContactPage() {
{ name: "About", id: "about" },
]}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -46,20 +44,14 @@ export default function ContactPage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text",
content: "Ready to transform your",
},
type: "text", content: "Ready to transform your"},
{
type: "text",
content: "online presence?",
},
type: "text", content: "online presence?"},
]}
useInvertedBackground={false}
buttons={[
{
text: "Let's Talk",
href: "mailto:hello@webuild.agency",
},
text: "Let's Talk", href: "mailto:hello@webuild.agency"},
]}
/>
</div>
@@ -69,72 +61,31 @@ export default function ContactPage() {
<PricingCardEight
plans={[
{
id: "basic",
badge: "Best for Starters",
badgeIcon: "Sparkles",
price: "$1,500",
subtitle: "Perfect for small businesses or portfolios",
buttons: [
id: "basic", badge: "Best for Starters", badgeIcon: Zap,
price: "$1,500", subtitle: "Perfect for small businesses or portfolios", buttons: [
{
text: "Get Started",
href: "mailto:hello@webuild.agency?subject=Starter Website Package",
},
text: "Get Started", href: "mailto:hello@webuild.agency?subject=Starter Website Package"},
],
features: [
"Up to 5 pages",
"Mobile responsive design",
"Basic SEO optimization",
"Contact form setup",
"Free domain for first year",
"SSL certificate included",
"Email support",
],
"Up to 5 pages", "Mobile responsive design", "Basic SEO optimization", "Contact form setup", "Free domain for first year", "SSL certificate included", "Email support"],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: "Star",
price: "$3,500",
subtitle: "Ideal for growing companies",
buttons: [
id: "professional", badge: "Most Popular", badgeIcon: Zap,
price: "$3,500", subtitle: "Ideal for growing companies", buttons: [
{
text: "Get Started",
href: "mailto:hello@webuild.agency?subject=Professional Website Package",
},
text: "Get Started", href: "mailto:hello@webuild.agency?subject=Professional Website Package"},
],
features: [
"Up to 15 pages",
"Advanced SEO setup",
"Blog functionality",
"Social media integration",
"Contact & inquiry forms",
"Analytics dashboard",
"Priority support",
"Free updates for 90 days",
],
"Up to 15 pages", "Advanced SEO setup", "Blog functionality", "Social media integration", "Contact & inquiry forms", "Analytics dashboard", "Priority support", "Free updates for 90 days"],
},
{
id: "enterprise",
badge: "For Scale",
badgeIcon: "Zap",
price: "$5,500+",
subtitle: "Custom e-commerce solutions",
buttons: [
id: "enterprise", badge: "For Scale", badgeIcon: Zap,
price: "$5,500+", subtitle: "Custom e-commerce solutions", buttons: [
{
text: "Get Started",
href: "mailto:hello@webuild.agency?subject=E-Commerce Website Package",
},
text: "Get Started", href: "mailto:hello@webuild.agency?subject=E-Commerce Website Package"},
],
features: [
"E-commerce capabilities",
"Payment gateway integration",
"Inventory management",
"Advanced SEO",
"CRM integration",
"Custom features",
"Dedicated support",
"Ongoing maintenance",
],
"E-commerce capabilities", "Payment gateway integration", "Inventory management", "Advanced SEO", "CRM integration", "Custom features", "Dedicated support", "Ongoing maintenance"],
},
]}
animationType="slide-up"
@@ -152,45 +103,21 @@ export default function ContactPage() {
<FaqBase
faqs={[
{
id: "1",
title: "How do I get started?",
content: "Simply click the 'Get Started' button on any pricing package, or send us an email at hello@webuild.agency. We'll schedule a quick discovery call to understand your business, goals, and timeline. After that, we'll provide a detailed proposal and project plan.",
},
id: "1", title: "How do I get started?", content: "Simply click the 'Get Started' button on any pricing package, or send us an email at hello@webuild.agency. We'll schedule a quick discovery call to understand your business, goals, and timeline. After that, we'll provide a detailed proposal and project plan."},
{
id: "2",
title: "What's included in the consultation?",
content: "Our free consultation includes a discussion about your business, target audience, and website goals. We'll ask about your current situation, competitors, and desired features. This helps us determine the best package for your needs and provide an accurate quote.",
},
id: "2", title: "What's included in the consultation?", content: "Our free consultation includes a discussion about your business, target audience, and website goals. We'll ask about your current situation, competitors, and desired features. This helps us determine the best package for your needs and provide an accurate quote."},
{
id: "3",
title: "How do we communicate during the project?",
content: "We use a combination of email, phone calls, and video meetings to keep you updated. You'll receive progress updates regularly, and we'll schedule review sessions to show you completed sections and gather your feedback. You'll have a dedicated project manager as your main point of contact.",
},
id: "3", title: "How do we communicate during the project?", content: "We use a combination of email, phone calls, and video meetings to keep you updated. You'll receive progress updates regularly, and we'll schedule review sessions to show you completed sections and gather your feedback. You'll have a dedicated project manager as your main point of contact."},
{
id: "4",
title: "What if I need changes after launch?",
content: "All packages include 90 days of free updates and minor revisions after launch. After that, we offer monthly maintenance packages starting at $99/month, which includes bug fixes, security updates, performance optimization, and up to 10 hours of requested changes.",
},
id: "4", title: "What if I need changes after launch?", content: "All packages include 90 days of free updates and minor revisions after launch. After that, we offer monthly maintenance packages starting at $99/month, which includes bug fixes, security updates, performance optimization, and up to 10 hours of requested changes."},
{
id: "5",
title: "Do you offer hosting?",
content: "We can help recommend and set up hosting, but you own your website completely. We typically recommend affordable, reliable hosting providers starting at $5-15/month. We handle the technical setup so you don't have to worry about it.",
},
id: "5", title: "Do you offer hosting?", content: "We can help recommend and set up hosting, but you own your website completely. We typically recommend affordable, reliable hosting providers starting at $5-15/month. We handle the technical setup so you don't have to worry about it."},
{
id: "6",
title: "Can I see examples of your work?",
content: "Yes! Check out our portfolio section on the home page to see recent projects across different industries. Each case study includes before/after comparisons and results. We're proud of our work and happy to share it!",
},
id: "6", title: "Can I see examples of your work?", content: "Yes! Check out our portfolio section on the home page to see recent projects across different industries. Each case study includes before/after comparisons and results. We're proud of our work and happy to share it!"},
{
id: "7",
title: "What if I'm not happy with the final result?",
content: "We have a revision policy that includes multiple rounds of revisions during the development process. If you're not satisfied after launch, we'll work with you to make it right. Your satisfaction is our top priority.",
},
id: "7", title: "What if I'm not happy with the final result?", content: "We have a revision policy that includes multiple rounds of revisions during the development process. If you're not satisfied after launch, we'll work with you to make it right. Your satisfaction is our top priority."},
{
id: "8",
title: "Do you handle other services like logo design or copywriting?",
content: "We can partner with other professionals for logo design and copywriting services. We can recommend trusted partners or subcontract these services at competitive rates. Let us know what you need during the consultation!",
},
id: "8", title: "Do you handle other services like logo design or copywriting?", content: "We can partner with other professionals for logo design and copywriting services. We can recommend trusted partners or subcontract these services at competitive rates. Let us know what you need during the consultation!"},
]}
title="Questions? We Have Answers"
description="Get clarity on our process, packages, and how we work"
@@ -207,8 +134,7 @@ export default function ContactPage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "/#services" },
@@ -216,8 +142,7 @@ export default function ContactPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Portfolio", href: "/#portfolio" },
{ label: "Blog", href: "/#blog" },
{ label: "FAQ", href: "/#faq" },
@@ -225,8 +150,7 @@ export default function ContactPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Contact Support", href: "/contact" },
@@ -234,8 +158,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },

270
src/app/page.tsx
View File

@@ -23,7 +23,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="large"
background="blurBottom"
background="circleGradient"
cardStyle="gradient-radial"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
@@ -40,9 +40,7 @@ export default function HomePage() {
{ name: "About", id: "about" },
]}
button={{
text: "Get Started",
href: "/contact",
}}
text: "Get Started", href: "/contact"}}
animateOnLoad={true}
/>
</div>
@@ -52,7 +50,7 @@ export default function HomePage() {
<HeroLogoBillboardSplit
logoText="Webuild"
description="Your business deserves a stunning online presence. Get a custom-built website that attracts customers and drives sales—without the premium agency price."
background={{ variant: "blurBottom" }}
background={{ variant: "plain" }}
buttons={[
{ text: "Start Your Website", href: "/contact" },
{ text: "See Our Work", href: "#portfolio" },
@@ -70,20 +68,14 @@ export default function HomePage() {
<InlineImageSplitTextAbout
heading={[
{
type: "text",
content: "We turn your vision into",
},
type: "text", content: "We turn your vision into"},
{
type: "text",
content: "websites that work.",
},
type: "text", content: "websites that work."},
]}
useInvertedBackground={false}
buttons={[
{
text: "Learn More",
href: "#services",
},
text: "Learn More", href: "#services"},
]}
/>
</div>
@@ -93,19 +85,11 @@ export default function HomePage() {
<FeatureCardSixteen
negativeCard={{
items: [
"Expensive freelancers",
"Long project timelines",
"Limited ongoing support",
"No technical maintenance",
],
"Expensive freelancers", "Long project timelines", "Limited ongoing support", "No technical maintenance"],
}}
positiveCard={{
items: [
"Affordable packages starting at $1,500",
"Website delivered in 2-4 weeks",
"Dedicated 24/7 support",
"Free updates and maintenance for 90 days",
],
"Affordable packages starting at $1,500", "Website delivered in 2-4 weeks", "Dedicated 24/7 support", "Free updates and maintenance for 90 days"],
}}
animationType="slide-up"
title="Why Choose Webuild?"
@@ -122,29 +106,11 @@ export default function HomePage() {
<ProductCardFour
products={[
{
id: "starter",
name: "Starter Website",
price: "$1,500",
variant: "5 Pages | Mobile Responsive | Basic SEO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-modern-data-visualization-chart-or-gra-1773395345212-d2ceae53.png",
imageAlt: "Starter website package",
},
id: "starter", name: "Starter Website", price: "$1,500", variant: "5 Pages | Mobile Responsive | Basic SEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-modern-data-visualization-chart-or-gra-1773395345212-d2ceae53.png", imageAlt: "Starter website package"},
{
id: "professional",
name: "Professional Website",
price: "$3,500",
variant: "Up to 15 Pages | Full SEO | Contact Forms",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/an-abstract-illustration-of-a-lightning--1773395343444-d23cddc5.png?_wi=1",
imageAlt: "Professional website package",
},
id: "professional", name: "Professional Website", price: "$3,500", variant: "Up to 15 Pages | Full SEO | Contact Forms", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/an-abstract-illustration-of-a-lightning--1773395343444-d23cddc5.png", imageAlt: "Professional website package"},
{
id: "ecommerce",
name: "E-Commerce Website",
price: "$5,500",
variant: "Full Shop | Payment Processing | Inventory Management",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-warm-illustration-representing-custome-1773395343678-51b117e5.png?_wi=1",
imageAlt: "E-commerce website package",
},
id: "ecommerce", name: "E-Commerce Website", price: "$5,500", variant: "Full Shop | Payment Processing | Inventory Management", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-warm-illustration-representing-custome-1773395343678-51b117e5.png", imageAlt: "E-commerce website package"},
]}
title="Our Website Packages"
description="Choose the perfect package for your business needs"
@@ -162,72 +128,31 @@ export default function HomePage() {
<PricingCardEight
plans={[
{
id: "basic",
badge: "Best for Starters",
badgeIcon: "Sparkles",
price: "$1,500",
subtitle: "Perfect for small businesses or portfolios",
buttons: [
id: "basic", badge: "Best for Starters", badgeIcon: Zap,
price: "$1,500", subtitle: "Perfect for small businesses or portfolios", buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
],
features: [
"Up to 5 pages",
"Mobile responsive design",
"Basic SEO optimization",
"Contact form setup",
"Free domain for first year",
"SSL certificate included",
"Email support",
],
"Up to 5 pages", "Mobile responsive design", "Basic SEO optimization", "Contact form setup", "Free domain for first year", "SSL certificate included", "Email support"],
},
{
id: "professional",
badge: "Most Popular",
badgeIcon: "Star",
price: "$3,500",
subtitle: "Ideal for growing companies",
buttons: [
id: "professional", badge: "Most Popular", badgeIcon: Zap,
price: "$3,500", subtitle: "Ideal for growing companies", buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
],
features: [
"Up to 15 pages",
"Advanced SEO setup",
"Blog functionality",
"Social media integration",
"Contact & inquiry forms",
"Analytics dashboard",
"Priority support",
"Free updates for 90 days",
],
"Up to 15 pages", "Advanced SEO setup", "Blog functionality", "Social media integration", "Contact & inquiry forms", "Analytics dashboard", "Priority support", "Free updates for 90 days"],
},
{
id: "enterprise",
badge: "For Scale",
badgeIcon: "Zap",
price: "$5,500+",
subtitle: "Custom e-commerce solutions",
buttons: [
id: "enterprise", badge: "For Scale", badgeIcon: Zap,
price: "$5,500+", subtitle: "Custom e-commerce solutions", buttons: [
{
text: "Get Started",
href: "/contact",
},
text: "Get Started", href: "/contact"},
],
features: [
"E-commerce capabilities",
"Payment gateway integration",
"Inventory management",
"Advanced SEO",
"CRM integration",
"Custom features",
"Dedicated support",
"Ongoing maintenance",
],
"E-commerce capabilities", "Payment gateway integration", "Inventory management", "Advanced SEO", "CRM integration", "Custom features", "Dedicated support", "Ongoing maintenance"],
},
]}
animationType="slide-up"
@@ -245,38 +170,11 @@ export default function HomePage() {
<BlogCardThree
blogs={[
{
id: "1",
category: "E-Commerce",
title: "Fashion Brand Online Store",
excerpt: "Beautiful e-commerce site with 300% increase in online sales within 6 months",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-beautifully-designed-e-commerce-websit-1773395344170-41b72e29.png?_wi=1",
imageAlt: "Fashion brand e-commerce website",
authorName: "Fashion Store Client",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-portrait-of-a-co-1773395343305-9df7b88a.png",
date: "Launched Jan 2024",
},
id: "1", category: "E-Commerce", title: "Fashion Brand Online Store", excerpt: "Beautiful e-commerce site with 300% increase in online sales within 6 months", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-beautifully-designed-e-commerce-websit-1773395344170-41b72e29.png", imageAlt: "Fashion brand e-commerce website", authorName: "Fashion Store Client", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-portrait-of-a-co-1773395343305-9df7b88a.png", date: "Launched Jan 2024"},
{
id: "2",
category: "B2B Services",
title: "Professional Consulting Website",
excerpt: "Corporate site that generates 50+ qualified leads per month for consulting firm",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-corporate-website-mockup--1773395344905-76222d74.png?_wi=1",
imageAlt: "Consulting firm corporate website",
authorName: "Consulting Firm Client",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-marketing-d-1773395343348-01bb1c98.png",
date: "Launched Dec 2023",
},
id: "2", category: "B2B Services", title: "Professional Consulting Website", excerpt: "Corporate site that generates 50+ qualified leads per month for consulting firm", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-corporate-website-mockup--1773395344905-76222d74.png", imageAlt: "Consulting firm corporate website", authorName: "Consulting Firm Client", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-marketing-d-1773395343348-01bb1c98.png", date: "Launched Dec 2023"},
{
id: "3",
category: "Creative Agency",
title: "Digital Agency Portfolio",
excerpt: "Stunning portfolio site showcasing creative work and attracting top-tier clients",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-creative-agency-portfolio-website-show-1773395344516-be8f8eab.png?_wi=1",
imageAlt: "Creative agency portfolio website",
authorName: "Creative Agency Client",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-an-entrepreneu-1773395343694-7f434c39.png",
date: "Launched Nov 2023",
},
id: "3", category: "Creative Agency", title: "Digital Agency Portfolio", excerpt: "Stunning portfolio site showcasing creative work and attracting top-tier clients", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-creative-agency-portfolio-website-show-1773395344516-be8f8eab.png", imageAlt: "Creative agency portfolio website", authorName: "Creative Agency Client", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-an-entrepreneu-1773395343694-7f434c39.png", date: "Launched Nov 2023"},
]}
title="Featured Client Work"
description="See the stunning websites we've built for real businesses"
@@ -293,53 +191,23 @@ export default function HomePage() {
<TestimonialCardThirteen
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "Founder, Style Co.",
testimonial: "Webuild transformed our online presence. Within 3 months, we saw a 250% increase in customer inquiries. Their team was professional, responsive, and truly understood our vision.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-portrait-of-a-co-1773395343305-9df7b88a.png?_wi=1",
},
id: "1", name: "Sarah Johnson", handle: "Founder, Style Co.", testimonial: "Webuild transformed our online presence. Within 3 months, we saw a 250% increase in customer inquiries. Their team was professional, responsive, and truly understood our vision.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-portrait-of-a-co-1773395343305-9df7b88a.png"},
{
id: "2",
name: "Michael Chen",
handle: "CEO, Tech Solutions",
testimonial: "We were skeptical about going with a smaller agency, but Webuild exceeded all our expectations. Fast turnaround, beautiful design, and they actually delivered on time and on budget.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-marketing-d-1773395343348-01bb1c98.png?_wi=1",
},
id: "2", name: "Michael Chen", handle: "CEO, Tech Solutions", testimonial: "We were skeptical about going with a smaller agency, but Webuild exceeded all our expectations. Fast turnaround, beautiful design, and they actually delivered on time and on budget.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-marketing-d-1773395343348-01bb1c98.png"},
{
id: "3",
name: "Emily Rodriguez",
handle: "Marketing Director, Growth Inc",
testimonial: "The website they built for us isn't just pretty—it converts. Our sales increased by 40% in the first month. Couldn't be happier with Webuild's work.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-an-entrepreneu-1773395343694-7f434c39.png",
},
id: "3", name: "Emily Rodriguez", handle: "Marketing Director, Growth Inc", testimonial: "The website they built for us isn't just pretty—it converts. Our sales increased by 40% in the first month. Couldn't be happier with Webuild's work.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-an-entrepreneu-1773395343694-7f434c39.png"},
{
id: "4",
name: "David Kim",
handle: "Owner, Local Services",
testimonial: "Outstanding service from start to finish. They explained everything clearly, incorporated all our feedback, and delivered a website that perfectly represents our business. Highly recommended!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-di-1773395343049-4087171e.png",
},
id: "4", name: "David Kim", handle: "Owner, Local Services", testimonial: "Outstanding service from start to finish. They explained everything clearly, incorporated all our feedback, and delivered a website that perfectly represents our business. Highly recommended!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-di-1773395343049-4087171e.png"},
{
id: "5",
name: "Jessica Martinez",
handle: "Founder, Creative Studio",
testimonial: "Webuild didn't just build us a website—they built us a business tool. Their support didn't end at launch. They're always available to help us make improvements.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-ma-1773395342939-4ff3c490.png",
},
id: "5", name: "Jessica Martinez", handle: "Founder, Creative Studio", testimonial: "Webuild didn't just build us a website—they built us a business tool. Their support didn't end at launch. They're always available to help us make improvements.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-ma-1773395342939-4ff3c490.png"},
{
id: "6",
name: "Robert Thompson",
handle: "Managing Partner, Consulting",
testimonial: "Best investment we've made for our business this year. The website has been a lead generation machine. Webuild's team is truly exceptional.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-ow-1773395343821-19750ee2.png",
},
id: "6", name: "Robert Thompson", handle: "Managing Partner, Consulting", testimonial: "Best investment we've made for our business this year. The website has been a lead generation machine. Webuild's team is truly exceptional.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Asxngk274XBOC0FdossBp59G4I/a-professional-headshot-of-a-business-ow-1773395343821-19750ee2.png"},
]}
showRating={true}
animationType="slide-up"
@@ -362,15 +230,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Global Tech Solutions",
"Fashion Forward Retail",
"Finance Plus Holdings",
"Creative Media Group",
"Healthcare Innovations",
"E-Commerce Leaders",
"Corporate Services Inc",
"Digital Excellence",
]}
"Global Tech Solutions", "Fashion Forward Retail", "Finance Plus Holdings", "Creative Media Group", "Healthcare Innovations", "E-Commerce Leaders", "Corporate Services Inc", "Digital Excellence"]}
speed={40}
showCard={true}
/>
@@ -381,45 +241,21 @@ export default function HomePage() {
<FaqBase
faqs={[
{
id: "1",
title: "How long does it take to build a website?",
content: "Most websites are completed in 2-4 weeks depending on the package and complexity. We prioritize speed without compromising quality. You'll receive regular updates throughout the process and can see your website take shape in real-time.",
},
id: "1", title: "How long does it take to build a website?", content: "Most websites are completed in 2-4 weeks depending on the package and complexity. We prioritize speed without compromising quality. You'll receive regular updates throughout the process and can see your website take shape in real-time."},
{
id: "2",
title: "Do you provide ongoing support after launch?",
content: "Absolutely! All our packages include 90 days of free updates and maintenance. After that, we offer affordable monthly support plans to keep your website secure, updated, and performing optimally. You'll have a dedicated point of contact for any issues.",
},
id: "2", title: "Do you provide ongoing support after launch?", content: "Absolutely! All our packages include 90 days of free updates and maintenance. After that, we offer affordable monthly support plans to keep your website secure, updated, and performing optimally. You'll have a dedicated point of contact for any issues."},
{
id: "3",
title: "Can you redesign my existing website?",
content: "Yes! We offer website redesign services for businesses that need a fresh look or better functionality. We'll assess your current site, identify improvement opportunities, and create a modernized version that better serves your business goals and customers.",
},
id: "3", title: "Can you redesign my existing website?", content: "Yes! We offer website redesign services for businesses that need a fresh look or better functionality. We'll assess your current site, identify improvement opportunities, and create a modernized version that better serves your business goals and customers."},
{
id: "4",
title: "Is my website mobile-friendly?",
content: "All our websites are fully responsive and mobile-optimized. We design with mobile users in mind from day one, ensuring your site looks perfect on phones, tablets, and desktops. This is crucial for user experience and SEO rankings.",
},
id: "4", title: "Is my website mobile-friendly?", content: "All our websites are fully responsive and mobile-optimized. We design with mobile users in mind from day one, ensuring your site looks perfect on phones, tablets, and desktops. This is crucial for user experience and SEO rankings."},
{
id: "5",
title: "What about SEO and search rankings?",
content: "Every website we build includes basic SEO setup (meta tags, sitemap, schema markup, etc.). Our Professional package includes advanced SEO optimization. We don't guarantee rankings, but we follow all best practices to help your site rank well in search results.",
},
id: "5", title: "What about SEO and search rankings?", content: "Every website we build includes basic SEO setup (meta tags, sitemap, schema markup, etc.). Our Professional package includes advanced SEO optimization. We don't guarantee rankings, but we follow all best practices to help your site rank well in search results."},
{
id: "6",
title: "Can you help with content writing?",
content: "Yes! We can provide content writing services at an additional cost. Our team can help craft compelling copy that resonates with your target audience, explains your value proposition, and encourages conversions. We can also review and refine content you provide.",
},
id: "6", title: "Can you help with content writing?", content: "Yes! We can provide content writing services at an additional cost. Our team can help craft compelling copy that resonates with your target audience, explains your value proposition, and encourages conversions. We can also review and refine content you provide."},
{
id: "7",
title: "What if I need custom features or integrations?",
content: "We handle many custom requests! Whether you need CRM integration, email marketing tools, custom databases, or specialized functionality, we can discuss options and pricing. Complex custom work may exceed standard package pricing, but we always provide transparent quotes.",
},
id: "7", title: "What if I need custom features or integrations?", content: "We handle many custom requests! Whether you need CRM integration, email marketing tools, custom databases, or specialized functionality, we can discuss options and pricing. Complex custom work may exceed standard package pricing, but we always provide transparent quotes."},
{
id: "8",
title: "How much does domain registration cost?",
content: "Domain registration is typically $10-15/year. Our Starter package includes a free domain for your first year. You'll own your domain completely, and we can help with setup and management.",
},
id: "8", title: "How much does domain registration cost?", content: "Domain registration is typically $10-15/year. Our Starter package includes a free domain for your first year. You'll own your domain completely, and we can help with setup and management."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about working with Webuild"
@@ -436,8 +272,7 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{ label: "Home", href: "/" },
{ label: "About", href: "/about" },
{ label: "Services", href: "#services" },
@@ -445,8 +280,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Portfolio", href: "#portfolio" },
{ label: "Blog", href: "#blog" },
{ label: "FAQ", href: "#faq" },
@@ -454,8 +288,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Documentation", href: "#" },
{ label: "Help Center", href: "#" },
{ label: "Contact Support", href: "/contact" },
@@ -463,8 +296,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },

51
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,30 @@
"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;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export function SvgTextLogo({ text, className = '' }: 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 300 100"
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${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"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="48"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
}
export default SvgTextLogo;