Merge version_1 into main #2
408
src/app/page.tsx
408
src/app/page.tsx
@@ -8,8 +8,10 @@ import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwen
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import MetricCardTen from "@/components/sections/metrics/MetricCardTen";
|
||||
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
||||
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
import { Sparkles, Award, Star, Zap, Heart } from "lucide-react";
|
||||
import { Sparkles, Award, Star, Zap, Heart, HelpCircle, Lightbulb } from "lucide-react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function HomePage() {
|
||||
@@ -23,8 +25,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "Branding", href: "/services" },
|
||||
@@ -32,8 +33,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Process", href: "/process" },
|
||||
@@ -41,8 +41,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
@@ -71,7 +70,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noise"
|
||||
background="circleGradient"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="solid"
|
||||
@@ -92,61 +91,37 @@ export default function HomePage() {
|
||||
tag="Award-Winning Agency"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "noise" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/a-stunning-modern-web-design-portfolio-s-1773001369643-8f33360c.png"
|
||||
imageAlt="Modern web design showcase"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Mitchell",
|
||||
handle: "CEO, TechVenture Inc",
|
||||
testimonial:
|
||||
"Webild transformed our digital presence completely. Their team understood our vision and delivered beyond expectations.",
|
||||
rating: 5,
|
||||
name: "Sarah Mitchell", handle: "CEO, TechVenture Inc", testimonial:
|
||||
"Webild transformed our digital presence completely. Their team understood our vision and delivered beyond expectations.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-portrait-of-a-conf-1773001369528-2723c2f0.png?_wi=1",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-portrait-of-a-conf-1773001369528-2723c2f0.png", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
name: "Marcus Johnson",
|
||||
handle: "Founder, Creative Labs",
|
||||
testimonial:
|
||||
"Working with Webild was a game-changer. Our new website increased conversions by 340% in just three months.",
|
||||
rating: 5,
|
||||
name: "Marcus Johnson", handle: "Founder, Creative Labs", testimonial:
|
||||
"Working with Webild was a game-changer. Our new website increased conversions by 340% in just three months.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-entrepre-1773001370259-6d519021.png?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-entrepre-1773001370259-6d519021.png", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "CMO, Innovate Solutions",
|
||||
testimonial:
|
||||
"The attention to detail and creative brilliance was outstanding. Highly recommend for any serious brand.",
|
||||
rating: 5,
|
||||
name: "Elena Rodriguez", handle: "CMO, Innovate Solutions", testimonial:
|
||||
"The attention to detail and creative brilliance was outstanding. Highly recommend for any serious brand.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-creati-1773001369853-8eeacc75.png?_wi=1",
|
||||
imageAlt: "Elena Rodriguez",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-creati-1773001369853-8eeacc75.png", imageAlt: "Elena Rodriguez"},
|
||||
{
|
||||
name: "David Chen",
|
||||
handle: "CTO, Digital First Corp",
|
||||
testimonial:
|
||||
"Best agency we've partnered with. Responsive, professional, and results-driven.",
|
||||
rating: 5,
|
||||
name: "David Chen", handle: "CTO, Digital First Corp", testimonial:
|
||||
"Best agency we've partnered with. Responsive, professional, and results-driven.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-technolo-1773001369932-4cc58706.png?_wi=1",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-technolo-1773001369932-4cc58706.png", imageAlt: "David Chen"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "/portfolio"},
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "/contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -156,21 +131,17 @@ export default function HomePage() {
|
||||
<div id="about" data-section="about" className="w-full">
|
||||
<MetricSplitMediaAbout
|
||||
tag="About Our Studio"
|
||||
tagIcon={Sparkles}
|
||||
tagIcon={Lightbulb}
|
||||
tagAnimation="slide-up"
|
||||
title="Design-Driven Solutions for Forward-Thinking Brands"
|
||||
description="Founded in 2016, Webild Design has been at the forefront of digital creativity. We combine strategic thinking with cutting-edge design to deliver websites that don't just look beautiful—they perform. Our team of 25+ designers, developers, and strategists are passionate about solving complex design challenges."
|
||||
metrics={[
|
||||
{
|
||||
value: "500+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
value: "500+", title: "Projects Completed"},
|
||||
{
|
||||
value: "95%",
|
||||
title: "Client Satisfaction Rate",
|
||||
},
|
||||
value: "95%", title: "Client Satisfaction Rate"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/a-vibrant-dynamic-photo-of-a-diverse-cre-1773001370809-4bbe0f74.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/a-vibrant-dynamic-photo-of-a-diverse-cre-1773001370809-4bbe0f74.png"
|
||||
imageAlt="Webild Design team collaborating"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -182,49 +153,25 @@ export default function HomePage() {
|
||||
<FeatureCardTwentyFour
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "E-Commerce Platform Redesign",
|
||||
author: "by Design Team",
|
||||
description:
|
||||
"Complete redesign of a major e-commerce platform resulting in 280% increase in conversion rates and improved user retention. Focused on streamlined checkout flow and personalized product recommendations.",
|
||||
tags: ["E-Commerce", "UX/UI"],
|
||||
id: "1", title: "E-Commerce Platform Redesign", author: "by Design Team", description:
|
||||
"Complete redesign of a major e-commerce platform resulting in 280% increase in conversion rates and improved user retention. Focused on streamlined checkout flow and personalized product recommendations.", tags: ["E-Commerce", "UX/UI"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-e-commerce-platform-interface-des-1773001371295-70849801.png?_wi=1",
|
||||
imageAlt: "E-commerce platform redesign",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-e-commerce-platform-interface-des-1773001371295-70849801.png", imageAlt: "E-commerce platform redesign"},
|
||||
{
|
||||
id: "2",
|
||||
title: "FinTech Dashboard for Enterprise Clients",
|
||||
author: "by Strategy Team",
|
||||
description:
|
||||
"Custom-built financial analytics dashboard with real-time data visualization and advanced filtering. Serves 10,000+ daily active users with seamless performance across devices.",
|
||||
tags: ["FinTech", "Dashboard"],
|
||||
id: "2", title: "FinTech Dashboard for Enterprise Clients", author: "by Strategy Team", description:
|
||||
"Custom-built financial analytics dashboard with real-time data visualization and advanced filtering. Serves 10,000+ daily active users with seamless performance across devices.", tags: ["FinTech", "Dashboard"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-financial-dashboard-interfa-1773001372108-841868a6.png?_wi=1",
|
||||
imageAlt: "FinTech dashboard interface",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-financial-dashboard-interfa-1773001372108-841868a6.png", imageAlt: "FinTech dashboard interface"},
|
||||
{
|
||||
id: "3",
|
||||
title: "SaaS Marketing Website",
|
||||
author: "by Creative Team",
|
||||
description:
|
||||
"Full-service website design and development for a B2B SaaS platform. Increased qualified leads by 450% with targeted messaging and optimized conversion paths.",
|
||||
tags: ["SaaS", "Marketing"],
|
||||
id: "3", title: "SaaS Marketing Website", author: "by Creative Team", description:
|
||||
"Full-service website design and development for a B2B SaaS platform. Increased qualified leads by 450% with targeted messaging and optimized conversion paths.", tags: ["SaaS", "Marketing"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-saas-marketing-website-interface--1773001371480-7b4fdad0.png?_wi=1",
|
||||
imageAlt: "SaaS marketing website",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-saas-marketing-website-interface--1773001371480-7b4fdad0.png", imageAlt: "SaaS marketing website"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Brand Identity & Website Launch",
|
||||
author: "by Branding Team",
|
||||
description:
|
||||
"Complete brand identity overhaul including logo redesign, color palette, typography system, and responsive website. Elevated brand perception among target demographic by 65%.",
|
||||
tags: ["Branding", "Web Design"],
|
||||
id: "4", title: "Brand Identity & Website Launch", author: "by Branding Team", description:
|
||||
"Complete brand identity overhaul including logo redesign, color palette, typography system, and responsive website. Elevated brand perception among target demographic by 65%.", tags: ["Branding", "Web Design"],
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/comprehensive-brand-identity-design-show-1773001371051-3d251237.png?_wi=1",
|
||||
imageAlt: "Brand identity and website",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/comprehensive-brand-identity-design-show-1773001371051-3d251237.png", imageAlt: "Brand identity and website"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
title="Featured Projects"
|
||||
@@ -236,9 +183,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "View All Projects",
|
||||
href: "/portfolio",
|
||||
},
|
||||
text: "View All Projects", href: "/portfolio"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,71 +193,29 @@ export default function HomePage() {
|
||||
<ProductCardTwo
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Design",
|
||||
name: "Web Design & UX/UI",
|
||||
price: "Starting at $5K",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/creative-web-design-workspace-with-desig-1773001370367-c6e62025.png?_wi=1",
|
||||
imageAlt: "Web design and UX/UI services",
|
||||
},
|
||||
id: "1", brand: "Design", name: "Web Design & UX/UI", price: "Starting at $5K", rating: 5,
|
||||
reviewCount: "120+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/creative-web-design-workspace-with-desig-1773001370367-c6e62025.png", imageAlt: "Web design and UX/UI services"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Development",
|
||||
name: "Web Development",
|
||||
price: "Starting at $8K",
|
||||
rating: 5,
|
||||
reviewCount: "95+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-web-developer-workspace-wit-1773001370532-7fe52ae3.png?_wi=1",
|
||||
imageAlt: "Web development services",
|
||||
},
|
||||
id: "2", brand: "Development", name: "Web Development", price: "Starting at $8K", rating: 5,
|
||||
reviewCount: "95+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-web-developer-workspace-wit-1773001370532-7fe52ae3.png", imageAlt: "Web development services"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Strategy",
|
||||
name: "Digital Strategy",
|
||||
price: "Starting at $3K",
|
||||
rating: 5,
|
||||
reviewCount: "85+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/strategic-business-planning-session-with-1773001370111-a501a731.png?_wi=1",
|
||||
imageAlt: "Digital strategy consulting",
|
||||
},
|
||||
id: "3", brand: "Strategy", name: "Digital Strategy", price: "Starting at $3K", rating: 5,
|
||||
reviewCount: "85+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/strategic-business-planning-session-with-1773001370111-a501a731.png", imageAlt: "Digital strategy consulting"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Branding",
|
||||
name: "Brand Identity",
|
||||
price: "Starting at $4K",
|
||||
rating: 5,
|
||||
reviewCount: "110+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/brand-identity-design-workspace-with-log-1773001370890-30c9167a.png?_wi=1",
|
||||
imageAlt: "Brand identity design",
|
||||
},
|
||||
id: "4", brand: "Branding", name: "Brand Identity", price: "Starting at $4K", rating: 5,
|
||||
reviewCount: "110+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/brand-identity-design-workspace-with-log-1773001370890-30c9167a.png", imageAlt: "Brand identity design"},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Analytics",
|
||||
name: "Performance Analytics",
|
||||
price: "Starting at $2K",
|
||||
rating: 5,
|
||||
reviewCount: "70+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/data-analytics-dashboard-with-charts-gra-1773001370329-25087c2c.png?_wi=1",
|
||||
imageAlt: "Performance analytics and optimization",
|
||||
},
|
||||
id: "5", brand: "Analytics", name: "Performance Analytics", price: "Starting at $2K", rating: 5,
|
||||
reviewCount: "70+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/data-analytics-dashboard-with-charts-gra-1773001370329-25087c2c.png", imageAlt: "Performance analytics and optimization"},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Support",
|
||||
name: "Maintenance & Support",
|
||||
price: "From $500/mo",
|
||||
rating: 5,
|
||||
reviewCount: "130+",
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/friendly-customer-support-team-member-wo-1773001369953-c2adc12e.png?_wi=1",
|
||||
imageAlt: "Website maintenance and support",
|
||||
},
|
||||
id: "6", brand: "Support", name: "Maintenance & Support", price: "From $500/mo", rating: 5,
|
||||
reviewCount: "130+", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/friendly-customer-support-team-member-wo-1773001369953-c2adc12e.png", imageAlt: "Website maintenance and support"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -325,9 +228,7 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Services",
|
||||
href: "/services",
|
||||
},
|
||||
text: "Explore All Services", href: "/services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -337,71 +238,35 @@ export default function HomePage() {
|
||||
<TestimonialCardThirteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jennifer Walsh",
|
||||
handle: "@jwalsh_marketing",
|
||||
testimonial:
|
||||
"Webild completely transformed our online presence. Their strategic approach to design combined with exceptional execution made all the difference for our business.",
|
||||
rating: 5,
|
||||
id: "1", name: "Jennifer Walsh", handle: "@jwalsh_marketing", testimonial:
|
||||
"Webild completely transformed our online presence. Their strategic approach to design combined with exceptional execution made all the difference for our business.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-market-1773001369876-35301b6e.png?_wi=1",
|
||||
imageAlt: "Jennifer Walsh",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-market-1773001369876-35301b6e.png", imageAlt: "Jennifer Walsh"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert Liu",
|
||||
handle: "@rliu_startups",
|
||||
testimonial:
|
||||
"Best investment we made for our startup. The team was responsive, creative, and delivered a website that actually converts.",
|
||||
rating: 5,
|
||||
id: "2", name: "Robert Liu", handle: "@rliu_startups", testimonial:
|
||||
"Best investment we made for our startup. The team was responsive, creative, and delivered a website that actually converts.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-startup--1773001369969-423b57f1.png?_wi=1",
|
||||
imageAlt: "Robert Liu",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-startup--1773001369969-423b57f1.png", imageAlt: "Robert Liu"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda Patel",
|
||||
handle: "@apatel_designer",
|
||||
testimonial:
|
||||
"Working with Webild as a partner agency was fantastic. Their attention to detail and collaborative approach is unmatched.",
|
||||
rating: 5,
|
||||
id: "3", name: "Amanda Patel", handle: "@apatel_designer", testimonial:
|
||||
"Working with Webild as a partner agency was fantastic. Their attention to detail and collaborative approach is unmatched.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-creati-1773001370862-7b052b6a.png?_wi=1",
|
||||
imageAlt: "Amanda Patel",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-creati-1773001370862-7b052b6a.png", imageAlt: "Amanda Patel"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas Anderson",
|
||||
handle: "@tanderson_ceo",
|
||||
testimonial:
|
||||
"We increased our monthly revenue by 200% after the website redesign. Webild's expertise in conversion optimization is incredible.",
|
||||
rating: 5,
|
||||
id: "4", name: "Thomas Anderson", handle: "@tanderson_ceo", testimonial:
|
||||
"We increased our monthly revenue by 200% after the website redesign. Webild's expertise in conversion optimization is incredible.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-ceo-or-b-1773001371279-041e5502.png?_wi=1",
|
||||
imageAlt: "Thomas Anderson",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-ceo-or-b-1773001371279-041e5502.png", imageAlt: "Thomas Anderson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Victoria Chen",
|
||||
handle: "@vchen_ecommerce",
|
||||
testimonial:
|
||||
"From initial consultation to post-launch support, Webild was professional and exceptionally talented. Highly recommend.",
|
||||
rating: 5,
|
||||
id: "5", name: "Victoria Chen", handle: "@vchen_ecommerce", testimonial:
|
||||
"From initial consultation to post-launch support, Webild was professional and exceptionally talented. Highly recommend.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-e-comm-1773001369673-151f9b8a.png?_wi=1",
|
||||
imageAlt: "Victoria Chen",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-female-e-comm-1773001369673-151f9b8a.png", imageAlt: "Victoria Chen"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michael Brown",
|
||||
handle: "@mbrown_founder",
|
||||
testimonial:
|
||||
"Exceptional team with exceptional results. Our new website is a true reflection of our brand values.",
|
||||
rating: 5,
|
||||
id: "6", name: "Michael Brown", handle: "@mbrown_founder", testimonial:
|
||||
"Exceptional team with exceptional results. Our new website is a true reflection of our brand values.", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-business-1773001370704-8adc54c7.png?_wi=1",
|
||||
imageAlt: "Michael Brown",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/professional-headshot-of-a-male-business-1773001370704-8adc54c7.png", imageAlt: "Michael Brown"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -420,70 +285,35 @@ export default function HomePage() {
|
||||
<MetricCardTen
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Discovery & Strategy",
|
||||
subtitle:
|
||||
"Deep dive into your business, audience, and competitive landscape",
|
||||
category: "Phase 1",
|
||||
value: "1-2 weeks",
|
||||
buttons: [
|
||||
id: "1", title: "Discovery & Strategy", subtitle:
|
||||
"Deep dive into your business, audience, and competitive landscape", category: "Phase 1", value: "1-2 weeks", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Design & Wireframing",
|
||||
subtitle: "Create compelling visual concepts and user experience flows",
|
||||
category: "Phase 2",
|
||||
value: "2-3 weeks",
|
||||
buttons: [
|
||||
id: "2", title: "Design & Wireframing", subtitle: "Create compelling visual concepts and user experience flows", category: "Phase 2", value: "2-3 weeks", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Development & Build",
|
||||
subtitle: "Bring designs to life with clean, scalable code",
|
||||
category: "Phase 3",
|
||||
value: "3-6 weeks",
|
||||
buttons: [
|
||||
id: "3", title: "Development & Build", subtitle: "Bring designs to life with clean, scalable code", category: "Phase 3", value: "3-6 weeks", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Testing & Refinement",
|
||||
subtitle: "Rigorous quality assurance across all devices and browsers",
|
||||
category: "Phase 4",
|
||||
value: "1-2 weeks",
|
||||
buttons: [
|
||||
id: "4", title: "Testing & Refinement", subtitle: "Rigorous quality assurance across all devices and browsers", category: "Phase 4", value: "1-2 weeks", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Launch & Support",
|
||||
subtitle:
|
||||
"Deploy your website and provide ongoing optimization",
|
||||
category: "Phase 5",
|
||||
value: "Ongoing",
|
||||
buttons: [
|
||||
id: "5", title: "Launch & Support", subtitle:
|
||||
"Deploy your website and provide ongoing optimization", category: "Phase 5", value: "Ongoing", buttons: [
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -499,6 +329,68 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq" className="w-full">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to common questions about our services, process, and pricing"
|
||||
tag="Support"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What is included in your web design packages?", content: "Our web design packages include discovery and strategy, wireframing, visual design, responsive design across devices, and unlimited revisions during the design phase. All packages include modern, clean code and SEO optimization."},
|
||||
{
|
||||
id: "2", title: "How long does a typical project take?", content: "Most projects take 8-12 weeks from discovery to launch, depending on complexity and scope. We break this into phases: Discovery (1-2 weeks), Design (2-3 weeks), Development (3-6 weeks), Testing (1-2 weeks), and Launch. Custom timelines can be arranged."},
|
||||
{
|
||||
id: "3", title: "Do you offer ongoing support after launch?", content: "Yes! We offer several support packages including maintenance, updates, and performance optimization. Our team is available for consultations, emergency fixes, and strategic improvements after your site goes live."},
|
||||
{
|
||||
id: "4", title: "What technologies do you use?", content: "We work with modern technologies including React, Next.js, TypeScript, Tailwind CSS, and Node.js for backend development. We choose technologies based on project requirements to ensure optimal performance and scalability."},
|
||||
{
|
||||
id: "5", title: "Can you help with existing website improvements?", content: "Absolutely! We offer website audits, redesigns, performance optimization, and conversion rate optimization services for existing sites. We can also help with migration to modern frameworks or platforms."},
|
||||
{
|
||||
id: "6", title: "What is your typical project budget?", content: "Projects typically range from $5,000 for custom websites to $50,000+ for complex enterprise solutions. We offer flexible pricing models and can work with various budgets. We recommend scheduling a free consultation to discuss your specific needs."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/friendly-customer-support-professional-i-1773001370170-193d382d.png"
|
||||
imageAlt="Customer support team"
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact" className="w-full">
|
||||
<ContactSplitForm
|
||||
title="Let's Create Something Amazing"
|
||||
description="Ready to transform your digital presence? Get in touch with our team. We'd love to discuss your project and explore how we can help."
|
||||
inputs={[
|
||||
{
|
||||
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "your@email.com", required: true,
|
||||
},
|
||||
{
|
||||
name: "company", type: "text", placeholder: "Company Name", required: false,
|
||||
},
|
||||
{
|
||||
name: "phone", type: "tel", placeholder: "+1 (555) 000-0000", required: false,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your project, goals, and timeline...", rows: 6,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag5E12tt9qH4zLUc6Utm88Gnfu/modern-creative-workspace-with-designer--1773001370917-d97731f6.png"
|
||||
imageAlt="Creative workspace"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={footerColumns}
|
||||
|
||||
Reference in New Issue
Block a user