bender/a77fd1bb-31ed-4b3d-b34d-e6df875b50a8
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-08 18:58:26 +00:00
parent 3282b765d8
commit c07fe088ac
1 changed files with 28 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/page.tsx
View File

@@ -51,9 +51,7 @@ export default function HomePage() {
{ name: "About", id: "/about" }, { name: "About", id: "/about" },
]} ]}
button={{ button={{
text: "Start Project", text: "Start Project", href: "#contact"}}
href: "#contact",
}}
animateOnLoad={true} animateOnLoad={true}
/> />
</div> </div>
@@ -65,21 +63,16 @@ export default function HomePage() {
tag="Web Design Agency" tag="Web Design Agency"
tagIcon={Sparkles} tagIcon={Sparkles}
background={{ background={{
variant: "circleGradient", variant: "glowing-orb"}}
}}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-stunning-web-design-agency-workspace-w-1772996198341-22245b4e.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-stunning-web-design-agency-workspace-w-1772996198341-22245b4e.png"
imageAlt="Web design agency workspace with modern displays" imageAlt="Web design agency workspace with modern displays"
imagePosition="right" imagePosition="right"
mediaAnimation="slide-up" mediaAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "View Our Work", text: "View Our Work", href: "#projects"},
href: "#projects",
},
{ {
text: "Get Started", text: "Get Started", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="blur-reveal" buttonAnimation="blur-reveal"
/> />
@@ -97,26 +90,11 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
products={[ products={[
{ {
id: "1", id: "1", name: "Luxury Fashion E-Commerce", price: "Custom Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-sleek-e-commerce-website-design-for-a--1772996200095-d08f9b49.png", imageAlt: "Luxury fashion ecommerce website"},
name: "Luxury Fashion E-Commerce",
price: "Custom Design",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-sleek-e-commerce-website-design-for-a--1772996200095-d08f9b49.png?_wi=1",
imageAlt: "Luxury fashion ecommerce website",
},
{ {
id: "2", id: "2", name: "SaaS Dashboard Platform", price: "Full Stack Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-vibrant-saas-dashboard-interface-desig-1772996199695-16a944db.png", imageAlt: "SaaS analytics dashboard interface"},
name: "SaaS Dashboard Platform",
price: "Full Stack Development",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-vibrant-saas-dashboard-interface-desig-1772996199695-16a944db.png?_wi=1",
imageAlt: "SaaS analytics dashboard interface",
},
{ {
id: "3", id: "3", name: "Architecture Portfolio", price: "Design & Development", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-creative-portfolio-website-for-an-arch-1772996200200-af72d9d5.png", imageAlt: "Architecture firm portfolio website"},
name: "Architecture Portfolio",
price: "Design & Development",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/a-creative-portfolio-website-for-an-arch-1772996200200-af72d9d5.png?_wi=1",
imageAlt: "Architecture firm portfolio website",
},
]} ]}
carouselMode="buttons" carouselMode="buttons"
/> />
@@ -134,34 +112,22 @@ export default function HomePage() {
features={[ features={[
{ {
icon: PenTool, icon: PenTool,
title: "Web Design", title: "Web Design", description: "Stunning, user-centric designs that capture your brand essence and engage visitors with intuitive interfaces."},
description: "Stunning, user-centric designs that capture your brand essence and engage visitors with intuitive interfaces.",
},
{ {
icon: Code, icon: Code,
title: "Development", title: "Development", description: "Robust, scalable web applications built with modern technologies and best practices for performance."},
description: "Robust, scalable web applications built with modern technologies and best practices for performance.",
},
{ {
icon: Lightbulb, icon: Lightbulb,
title: "Strategy & UX", title: "Strategy & UX", description: "Data-driven strategies and user experience optimization to maximize conversions and user satisfaction."},
description: "Data-driven strategies and user experience optimization to maximize conversions and user satisfaction.",
},
{ {
icon: Smartphone, icon: Smartphone,
title: "Responsive Design", title: "Responsive Design", description: "Seamless experiences across all devices, ensuring your website looks perfect on mobile, tablet, and desktop."},
description: "Seamless experiences across all devices, ensuring your website looks perfect on mobile, tablet, and desktop.",
},
{ {
icon: Zap, icon: Zap,
title: "Performance", title: "Performance", description: "Lightning-fast load times and optimized performance to keep your users engaged and improve SEO rankings."},
description: "Lightning-fast load times and optimized performance to keep your users engaged and improve SEO rankings.",
},
{ {
icon: Shield, icon: Shield,
title: "Security", title: "Security", description: "Enterprise-grade security measures to protect your website and user data with industry-leading standards."},
description: "Enterprise-grade security measures to protect your website and user data with industry-leading standards.",
},
]} ]}
/> />
</div> </div>
@@ -176,35 +142,25 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
mediaAnimation="slide-up" mediaAnimation="slide-up"
imagePosition="right" imagePosition="right"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/strategic-planning-workshop-with-team-co-1772996200144-fb243f59.png?_wi=1" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/strategic-planning-workshop-with-team-co-1772996200144-fb243f59.png"
imageAlt="Team collaboration and strategic planning" imageAlt="Team collaboration and strategic planning"
bulletPoints={[ bulletPoints={[
{ {
icon: Users, icon: Users,
title: "Expert Team", title: "Expert Team", description: "Designers, developers, and strategists with years of industry experience and proven track record."},
description: "Designers, developers, and strategists with years of industry experience and proven track record.",
},
{ {
icon: Target, icon: Target,
title: "Results-Driven", title: "Results-Driven", description: "Every project is guided by clear objectives and measured by real business impact and user engagement."},
description: "Every project is guided by clear objectives and measured by real business impact and user engagement.",
},
{ {
icon: Heart, icon: Heart,
title: "Client-Focused", title: "Client-Focused", description: "We treat your business as our own, investing time to understand your goals and deliver exceptional solutions."},
description: "We treat your business as our own, investing time to understand your goals and deliver exceptional solutions.",
},
{ {
icon: Zap, icon: Zap,
title: "Innovation", title: "Innovation", description: "We stay ahead of design and technology trends to deliver cutting-edge solutions that set you apart."},
description: "We stay ahead of design and technology trends to deliver cutting-edge solutions that set you apart.",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Learn More", text: "Learn More", href: "/about"},
href: "/about",
},
]} ]}
/> />
</div> </div>
@@ -219,41 +175,13 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Transformed Our Online Presence", quote: "Webuild completely redesigned our website and the results have been phenomenal. Our conversion rates increased by 45% within three months. The team's attention to detail and strategic approach was exactly what we needed.", name: "Sarah Johnson", role: "CEO", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-confident-bus-1772996199716-3232c800.png", imageAlt: "Sarah Johnson"},
title: "Transformed Our Online Presence",
quote: "Webuild completely redesigned our website and the results have been phenomenal. Our conversion rates increased by 45% within three months. The team's attention to detail and strategic approach was exactly what we needed.",
name: "Sarah Johnson",
role: "CEO",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-confident-bus-1772996199716-3232c800.png?_wi=1",
imageAlt: "Sarah Johnson",
},
{ {
id: "2", id: "2", title: "Exceptional Development Partnership", quote: "Working with Webuild was a game-changer for our startup. They didn't just build our platform—they helped us think strategically about our product. The quality of their work and communication was outstanding.", name: "Michael Chen", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-male-entrepre-1772996198379-1845b2c5.png", imageAlt: "Michael Chen"},
title: "Exceptional Development Partnership",
quote: "Working with Webuild was a game-changer for our startup. They didn't just build our platform—they helped us think strategically about our product. The quality of their work and communication was outstanding.",
name: "Michael Chen",
role: "Founder",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-male-entrepre-1772996198379-1845b2c5.png?_wi=1",
imageAlt: "Michael Chen",
},
{ {
id: "3", id: "3", title: "True Digital Partners", quote: "The Webuild team goes beyond typical agency work. They truly understand our brand and market. Their designs are not only beautiful but incredibly functional. Highly recommend for any serious digital project.", name: "Emily Rodriguez", role: "Marketing Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-woman-product-1772996198712-9928c824.png", imageAlt: "Emily Rodriguez"},
title: "True Digital Partners",
quote: "The Webuild team goes beyond typical agency work. They truly understand our brand and market. Their designs are not only beautiful but incredibly functional. Highly recommend for any serious digital project.",
name: "Emily Rodriguez",
role: "Marketing Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-woman-product-1772996198712-9928c824.png?_wi=1",
imageAlt: "Emily Rodriguez",
},
{ {
id: "4", id: "4", title: "Unmatched Creative Excellence", quote: "From initial concept to final launch, Webuild delivered excellence at every step. Their creative direction elevated our brand significantly. The website has become our strongest marketing asset.", name: "David Kim", role: "Design Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-man-design-di-1772996199164-0b5c717e.png", imageAlt: "David Kim"},
title: "Unmatched Creative Excellence",
quote: "From initial concept to final launch, Webuild delivered excellence at every step. Their creative direction elevated our brand significantly. The website has become our strongest marketing asset.",
name: "David Kim",
role: "Design Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afuql7F7FvlLkiwg8kcnDPP51q/professional-headshot-of-a-man-design-di-1772996199164-0b5c717e.png?_wi=1",
imageAlt: "David Kim",
},
]} ]}
/> />
</div> </div>
@@ -265,18 +193,13 @@ export default function HomePage() {
title="Let's Bring Your Vision to Life" title="Let's Bring Your Vision to Life"
description="Whether you're launching a new project or redesigning an existing presence, our team is ready to create something extraordinary. Let's talk about your goals and how we can help you succeed." description="Whether you're launching a new project or redesigning an existing presence, our team is ready to create something extraordinary. Let's talk about your goals and how we can help you succeed."
background={{ background={{
variant: "plain", variant: "plain"}}
}}
useInvertedBackground={false} useInvertedBackground={false}
buttons={[ buttons={[
{ {
text: "Start Your Project", text: "Start Your Project", href: "/contact"},
href: "/contact",
},
{ {
text: "Schedule a Call", text: "Schedule a Call", href: "mailto:hello@webuild.com"},
href: "mailto:hello@webuild.com",
},
]} ]}
/> />
</div> </div>
@@ -285,13 +208,9 @@ export default function HomePage() {
<FooterLogoReveal <FooterLogoReveal
logoText="Webuild" logoText="Webuild"
leftLink={{ leftLink={{
text: "Privacy Policy", text: "Privacy Policy", href: "#privacy"}}
href: "#privacy",
}}
rightLink={{ rightLink={{
text: "Terms of Service", text: "Terms of Service", href: "#terms"}}
href: "#terms",
}}
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>