Update src/app/page.tsx
This commit is contained in:
270
src/app/page.tsx
270
src/app/page.tsx
@@ -14,7 +14,7 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
||||
import { Sparkles, Heart, Code, TrendingUp, Headphones, Zap, Award, BarChart3, Users, CheckCircle, HelpCircle, Rocket, Mail } from "lucide-react";
|
||||
import { Sparkles, Heart, Code, TrendingUp, Headphones, Zap, Award, BarChart3, Users, CheckCircle, HelpCircle, Rocket, Mail, Palette } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
@@ -33,7 +33,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -45,9 +45,7 @@ export default function HomePage() {
|
||||
brandName="Webild Studio"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Start Your Project",
|
||||
href: "/contact",
|
||||
}}
|
||||
text: "Start Your Project", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,53 +59,32 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Project",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Start Your Project", href: "/contact"},
|
||||
{
|
||||
text: "View Our Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Work", href: "#portfolio"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "grid",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/modern-website-design-showcase-featuring-1773035901457-87cac560.png?_wi=1",
|
||||
imageAlt: "Modern website design showcase",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/modern-website-design-showcase-featuring-1773035901457-87cac560.png", imageAlt: "Modern website design showcase"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/corporate-website-design-for-a-tech-star-1773035900385-43a0607b.png",
|
||||
imageAlt: "Corporate website design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/corporate-website-design-for-a-tech-star-1773035900385-43a0607b.png", imageAlt: "Corporate website design"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-website-design-with-product-g-1773035899839-e2d25ae8.png?_wi=1",
|
||||
imageAlt: "E-commerce website design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-website-design-with-product-g-1773035899839-e2d25ae8.png", imageAlt: "E-commerce website design"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/creative-agency-website-with-portfolio-g-1773035901059-52db1689.png?_wi=1",
|
||||
imageAlt: "Creative agency portfolio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/creative-agency-website-with-portfolio-g-1773035901059-52db1689.png", imageAlt: "Creative agency portfolio"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-website-design-with-product-g-1773035899839-e2d25ae8.png?_wi=2",
|
||||
imageAlt: "E-commerce website design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-website-design-with-product-g-1773035899839-e2d25ae8.png", imageAlt: "E-commerce website design"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/creative-agency-website-with-portfolio-g-1773035901059-52db1689.png?_wi=2",
|
||||
imageAlt: "Creative agency portfolio",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/creative-agency-website-with-portfolio-g-1773035901059-52db1689.png", imageAlt: "Creative agency portfolio"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/mobile-app-landing-page-design-with-smoo-1773035901204-11685073.png",
|
||||
imageAlt: "Mobile app landing page",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/mobile-app-landing-page-design-with-smoo-1773035901204-11685073.png", imageAlt: "Mobile app landing page"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/modern-website-design-showcase-featuring-1773035901457-87cac560.png?_wi=2",
|
||||
imageAlt: "Modern website design showcase",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/modern-website-design-showcase-featuring-1773035901457-87cac560.png", imageAlt: "Modern website design showcase"},
|
||||
]}
|
||||
carouselPosition="right"
|
||||
ariaLabel="Hero section with portfolio carousel"
|
||||
@@ -124,33 +101,23 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Custom Design",
|
||||
description: "Tailored web solutions that reflect your brand identity and resonate with your target audience",
|
||||
icon: Palette,
|
||||
title: "Custom Design", description: "Tailored web solutions that reflect your brand identity and resonate with your target audience", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Strategic Development",
|
||||
description: "Clean, scalable code built with modern technologies ensuring performance and future growth",
|
||||
icon: Code,
|
||||
title: "Strategic Development", description: "Clean, scalable code built with modern technologies ensuring performance and future growth", icon: Code,
|
||||
},
|
||||
{
|
||||
title: "Conversion Focused",
|
||||
description: "Every design decision backed by data and user experience best practices to maximize ROI",
|
||||
icon: TrendingUp,
|
||||
title: "Conversion Focused", description: "Every design decision backed by data and user experience best practices to maximize ROI", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
title: "24/7 Support",
|
||||
description: "Dedicated support team ensuring your website runs smoothly long after launch",
|
||||
icon: Headphones,
|
||||
title: "24/7 Support", description: "Dedicated support team ensuring your website runs smoothly long after launch", icon: Headphones,
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/a-diverse-team-of-web-designers-and-deve-1773035899588-216bfeb3.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/a-diverse-team-of-web-designers-and-deve-1773035899588-216bfeb3.png"
|
||||
imageAlt="Our creative team collaborating in the office"
|
||||
imagePosition="right"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -170,33 +137,19 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore All Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "Explore All Services", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Web Design",
|
||||
description: "Beautiful, user-centered design that captures your brand essence and engages your audience from the first click.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/web-design-concept-illustration-showing--1773035899942-c74e9282.png?_wi=1",
|
||||
imageAlt: "Web design service illustration",
|
||||
},
|
||||
title: "Web Design", description: "Beautiful, user-centered design that captures your brand essence and engages your audience from the first click.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/web-design-concept-illustration-showing--1773035899942-c74e9282.png", imageAlt: "Web design service illustration"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Web Development",
|
||||
description: "Robust, scalable development using cutting-edge technologies ensuring fast performance and reliability.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/web-development-concept-illustration-sho-1773035899968-8c66bb4c.png?_wi=1",
|
||||
imageAlt: "Web development service illustration",
|
||||
},
|
||||
title: "Web Development", description: "Robust, scalable development using cutting-edge technologies ensuring fast performance and reliability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/web-development-concept-illustration-sho-1773035899968-8c66bb4c.png", imageAlt: "Web development service illustration"},
|
||||
{
|
||||
id: 3,
|
||||
title: "E-Commerce Solutions",
|
||||
description: "Complete online store setup with payment processing, inventory management, and conversion optimization.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-development-illustration-show-1773035899917-d9bf67cb.png?_wi=1",
|
||||
imageAlt: "E-commerce development illustration",
|
||||
},
|
||||
title: "E-Commerce Solutions", description: "Complete online store setup with payment processing, inventory management, and conversion optimization.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/e-commerce-development-illustration-show-1773035899917-d9bf67cb.png", imageAlt: "E-commerce development illustration"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
@@ -215,33 +168,16 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Full Portfolio", href: "#portfolio"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Luxury Fashion E-Commerce Platform",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/beautiful-luxury-e-commerce-website-desi-1773035900211-caeed4e9.png?_wi=1",
|
||||
imageAlt: "Luxury fashion e-commerce website",
|
||||
},
|
||||
id: "1", name: "Luxury Fashion E-Commerce Platform", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/beautiful-luxury-e-commerce-website-desi-1773035900211-caeed4e9.png", imageAlt: "Luxury fashion e-commerce website"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Healthcare Clinic Management System",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/healthcare-clinic-website-design-with-ap-1773035902300-a4602a22.png?_wi=1",
|
||||
imageAlt: "Healthcare clinic website",
|
||||
},
|
||||
id: "2", name: "Healthcare Clinic Management System", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/healthcare-clinic-website-design-with-ap-1773035902300-a4602a22.png", imageAlt: "Healthcare clinic website"},
|
||||
{
|
||||
id: "3",
|
||||
name: "SaaS Product Landing Page",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/saas-software-product-landing-page-with--1773035903925-dfe198c9.png?_wi=1",
|
||||
imageAlt: "SaaS product landing page",
|
||||
},
|
||||
id: "3", name: "SaaS Product Landing Page", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/saas-software-product-landing-page-with--1773035903925-dfe198c9.png", imageAlt: "SaaS product landing page"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -261,44 +197,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "250+",
|
||||
title: "Projects Delivered",
|
||||
items: [
|
||||
"Across diverse industries",
|
||||
"From startups to enterprises",
|
||||
"Avg. 4.9/5 client satisfaction",
|
||||
],
|
||||
id: "1", value: "250+", title: "Projects Delivered", items: [
|
||||
"Across diverse industries", "From startups to enterprises", "Avg. 4.9/5 client satisfaction"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "500M+",
|
||||
title: "Annual Web Traffic Generated",
|
||||
items: [
|
||||
"For our clients combined",
|
||||
"Continuous optimization",
|
||||
"Industry-leading conversions",
|
||||
],
|
||||
id: "2", value: "500M+", title: "Annual Web Traffic Generated", items: [
|
||||
"For our clients combined", "Continuous optimization", "Industry-leading conversions"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "12+",
|
||||
title: "Years of Experience",
|
||||
items: [
|
||||
"Team expertise since 2012",
|
||||
"Design & development leaders",
|
||||
"Award-winning solutions",
|
||||
],
|
||||
id: "3", value: "12+", title: "Years of Experience", items: [
|
||||
"Team expertise since 2012", "Design & development leaders", "Award-winning solutions"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "98%",
|
||||
title: "Client Retention Rate",
|
||||
items: [
|
||||
"Long-term partnerships",
|
||||
"Ongoing support & optimization",
|
||||
"Trusted advisors",
|
||||
],
|
||||
id: "4", value: "98%", title: "Client Retention Rate", items: [
|
||||
"Long-term partnerships", "Ongoing support & optimization", "Trusted advisors"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -318,33 +230,13 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Anderson",
|
||||
role: "Creative Director",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-photo-of-a-confide-1773035898746-7d21ea22.png?_wi=1",
|
||||
imageAlt: "Sarah Anderson, Creative Director",
|
||||
},
|
||||
id: "1", name: "Sarah Anderson", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-photo-of-a-confide-1773035898746-7d21ea22.png", imageAlt: "Sarah Anderson, Creative Director"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Lead Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-photo-of-a-man-in--1773035899492-69204bb2.png?_wi=1",
|
||||
imageAlt: "Michael Chen, Lead Developer",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-photo-of-a-man-in--1773035899492-69204bb2.png", imageAlt: "Michael Chen, Lead Developer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Rodriguez",
|
||||
role: "UX/UI Designer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-diverse-woman-1773035899151-8a48b1ab.png?_wi=1",
|
||||
imageAlt: "Emma Rodriguez, UX/UI Designer",
|
||||
},
|
||||
id: "3", name: "Emma Rodriguez", role: "UX/UI Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-diverse-woman-1773035899151-8a48b1ab.png", imageAlt: "Emma Rodriguez, UX/UI Designer"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Walker",
|
||||
role: "Full Stack Developer",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-man-in-his-la-1773035898995-0735e41e.png?_wi=1",
|
||||
imageAlt: "James Walker, Full Stack Developer",
|
||||
},
|
||||
id: "4", name: "James Walker", role: "Full Stack Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-man-in-his-la-1773035898995-0735e41e.png", imageAlt: "James Walker, Full Stack Developer"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="blur-reveal"
|
||||
@@ -362,29 +254,17 @@ export default function HomePage() {
|
||||
author="Jessica Martinez, CEO of TechFlow"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-woman-busines-1773035899863-da45f720.png",
|
||||
alt: "Jessica Martinez",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-woman-busines-1773035899863-da45f720.png", alt: "Jessica Martinez"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-man-entrepren-1773035898780-951a08b1.png",
|
||||
alt: "David Thompson",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-man-entrepren-1773035898780-951a08b1.png", alt: "David Thompson"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-woman-marketi-1773035899240-e2871c76.png",
|
||||
alt: "Rachel Green",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-woman-marketi-1773035899240-e2871c76.png", alt: "Rachel Green"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-man-product-m-1773035899606-41148190.png",
|
||||
alt: "Michael Patel",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-headshot-of-a-man-product-m-1773035899606-41148190.png", alt: "Michael Patel"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-diverse-woman-1773035899303-42048782.png",
|
||||
alt: "Lauren White",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-diverse-woman-1773035899303-42048782.png", alt: "Lauren White"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-man-startup-c-1773035899828-d2fe7961.png",
|
||||
alt: "Christopher Brown",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-portrait-of-a-man-startup-c-1773035899828-d2fe7961.png", alt: "Christopher Brown"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -404,14 +284,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
logos={[
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-tech-company-logo-for-techf-1773035898664-c16b0047.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-e-commerce-company-logo-for-1773035900176-90100a7d.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-financial-services-company--1773035899544-00e9f447.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-healthcare-company-logo-for-1773035899228-fef57c8b.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-saas-company-logo-for-cloud-1773035901037-6e5539d7.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-creative-agency-logo-for-de-1773035899142-0dee9cb9.png",
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-manufacturing-company-logo--1773035899123-bdd672e3.png",
|
||||
]}
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-tech-company-logo-for-techf-1773035898664-c16b0047.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-e-commerce-company-logo-for-1773035900176-90100a7d.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-financial-services-company--1773035899544-00e9f447.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-healthcare-company-logo-for-1773035899228-fef57c8b.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-saas-company-logo-for-cloud-1773035901037-6e5539d7.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-creative-agency-logo-for-de-1773035899142-0dee9cb9.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AhDGMbKNvD19UzLbldOWRvgFZp/professional-manufacturing-company-logo--1773035899123-bdd672e3.png"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
ariaLabel="Client logos and social proof section"
|
||||
@@ -429,35 +302,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Most web design and development projects take 6-12 weeks from initial concept to launch. The timeline depends on project complexity, number of pages, required integrations, and client feedback cycles. We provide detailed timelines during the project planning phase.",
|
||||
},
|
||||
id: "1", title: "What is your typical project timeline?", content: "Most web design and development projects take 6-12 weeks from initial concept to launch. The timeline depends on project complexity, number of pages, required integrations, and client feedback cycles. We provide detailed timelines during the project planning phase."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you offer ongoing support after launch?",
|
||||
content: "Absolutely! We provide 30 days of free support following your website launch. After that, we offer affordable maintenance packages including updates, security monitoring, performance optimization, and technical support to keep your site running smoothly.",
|
||||
},
|
||||
id: "2", title: "Do you offer ongoing support after launch?", content: "Absolutely! We provide 30 days of free support following your website launch. After that, we offer affordable maintenance packages including updates, security monitoring, performance optimization, and technical support to keep your site running smoothly."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What technologies do you use?",
|
||||
content: "We use modern, industry-standard technologies including Next.js, React, Node.js, PostgreSQL, and AWS. Our tech stack is chosen based on your specific project requirements to ensure optimal performance, scalability, and maintainability.",
|
||||
},
|
||||
id: "3", title: "What technologies do you use?", content: "We use modern, industry-standard technologies including Next.js, React, Node.js, PostgreSQL, and AWS. Our tech stack is chosen based on your specific project requirements to ensure optimal performance, scalability, and maintainability."},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do you ensure my website is SEO-friendly?",
|
||||
content: "SEO is built into our development process from day one. We implement proper meta tags, structured data, fast loading times, mobile responsiveness, and semantic HTML. We also provide SEO recommendations and can assist with ongoing optimization strategies.",
|
||||
},
|
||||
id: "4", title: "How do you ensure my website is SEO-friendly?", content: "SEO is built into our development process from day one. We implement proper meta tags, structured data, fast loading times, mobile responsiveness, and semantic HTML. We also provide SEO recommendations and can assist with ongoing optimization strategies."},
|
||||
{
|
||||
id: "5",
|
||||
title: "What if I need revisions during the project?",
|
||||
content: "We welcome feedback throughout the project! Our process includes regular check-ins and revision rounds. We typically allow 2-3 revision rounds per phase, with additional revisions available at a reasonable cost to keep projects on budget.",
|
||||
},
|
||||
id: "5", title: "What if I need revisions during the project?", content: "We welcome feedback throughout the project! Our process includes regular check-ins and revision rounds. We typically allow 2-3 revision rounds per phase, with additional revisions available at a reasonable cost to keep projects on budget."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Do you handle e-commerce development?",
|
||||
content: "Yes! We specialize in e-commerce solutions including Shopify integrations, custom shopping carts, payment processing, inventory management, and conversion optimization. We've successfully built online stores ranging from small boutiques to multi-million dollar operations.",
|
||||
},
|
||||
id: "6", title: "Do you handle e-commerce development?", content: "Yes! We specialize in e-commerce solutions including Shopify integrations, custom shopping carts, payment processing, inventory management, and conversion optimization. We've successfully built online stores ranging from small boutiques to multi-million dollar operations."},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -477,18 +332,13 @@ export default function HomePage() {
|
||||
description="Whether you're a startup looking to establish your digital foundation or an established business ready to grow, we're here to help. Schedule a free consultation with our team to discuss your project and vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule Consultation",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "Schedule Consultation", href: "/contact"},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Pricing", href: "#services"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Contact call-to-action section"
|
||||
/>
|
||||
@@ -499,13 +349,9 @@ export default function HomePage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Webild Studio"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user