bender/0bf559dc-91e1-47ce-8a52-88ce86de0967
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-06-03 05:00:13 +00:00
parent b62e11041b
commit 9eab141924
1 changed files with 43 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

152
src/app/page.tsx
View File

@@ -33,12 +33,13 @@ export default function WebAgency2Page() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Webild" brandName="Webild"
navItems={[ navItems={[
{ name: "Work", id: "work" }, { name: "Work", id: "/#work" },
{ name: "Services", id: "services" }, { name: "Services", id: "/#services" },
{ name: "About", id: "about" }, { name: "About", id: "/#about" },
{ name: "Contact", id: "contact" }, { name: "Blog", id: "/blog" },
{ name: "Contact", id: "/#contact" }
]} ]}
button={{ text: "Get Started", href: "#contact" }} button={{ text: "Get Started", href: "/#contact" }}
/> />
<HeroSplitDoubleCarousel <HeroSplitDoubleCarousel
title="We Build Digital Experiences" title="We Build Digital Experiences"
@@ -48,8 +49,8 @@ export default function WebAgency2Page() {
tagAnimation="slide-up" tagAnimation="slide-up"
background={{ variant: "canvas-reveal" }} background={{ variant: "canvas-reveal" }}
buttons={[ buttons={[
{ text: "Start Project", href: "#contact" }, { text: "Start Project", href: "/#contact" },
{ text: "View Work", href: "#work" }, { text: "View Work", href: "/#work" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
carouselPosition="right" carouselPosition="right"
@@ -74,32 +75,22 @@ export default function WebAgency2Page() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
animationType="slide-up" animationType="slide-up"
buttons={[{ text: "All Services", href: "#services" }]} buttons={[{ text: "All Services", href: "/#services" }]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
features={[ features={[
{ {
title: "SEO", title: "SEO", description: "We optimize your website to rank higher on search engines and drive organic traffic.", bentoComponent: "marquee", centerIcon: Search,
description: "We optimize your website to rank higher on search engines and drive organic traffic.", variant: "text", texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
bentoComponent: "marquee",
centerIcon: Search,
variant: "text",
texts: ["Keywords", "Backlinks", "Meta Tags", "Organic Traffic", "Rankings", "Analytics", "SERP", "Indexing"],
}, },
{ {
title: "Web Development", title: "Web Development", description: "Custom-built websites that are fast, responsive, and designed to convert.", bentoComponent: "media-stack", items: [
description: "Custom-built websites that are fast, responsive, and designed to convert.",
bentoComponent: "media-stack",
items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-2.webp", imageAlt: "Web project - AgentFlow AI platform" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-1.webp", imageAlt: "Web project - Architecture studio" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/dev-3.webp", imageAlt: "Web project - Summit Roofing" },
], ],
}, },
{ {
title: "Branding", title: "Branding", description: "Build a memorable brand identity that resonates with your audience.", bentoComponent: "media-stack", items: [
description: "Build a memorable brand identity that resonates with your audience.",
bentoComponent: "media-stack",
items: [
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "Brand project 1" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "Brand project 2" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "Brand project 3" },
@@ -112,50 +103,25 @@ export default function WebAgency2Page() {
description="A selection of projects we've crafted for clients across industries." description="A selection of projects we've crafted for clients across industries."
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "View All Work", href: "#work" }]} buttons={[{ text: "View All Work", href: "/#work" }]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
cardClassName="!h-auto aspect-video" cardClassName="!h-auto aspect-video"
features={[ features={[
{ {
title: "Umbra Skincare", title: "Umbra Skincare", description: "Luxury fragrance e-commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp", imageAlt: "Umbra Skincare website", buttonIcon: ArrowUpRight,
description: "Luxury fragrance e-commerce", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-1.webp",
imageAlt: "Umbra Skincare website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Luxuria Travel", title: "Luxuria Travel", description: "Bespoke luxury travel experiences", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp", imageAlt: "Luxuria Travel website", buttonIcon: ArrowUpRight,
description: "Bespoke luxury travel experiences", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-2.webp",
imageAlt: "Luxuria Travel website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Dental Care", title: "Dental Care", description: "Premier dental practice", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp", imageAlt: "Luxury Dental Care website", buttonIcon: ArrowUpRight,
description: "Premier dental practice", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-3.webp",
imageAlt: "Luxury Dental Care website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Summit Roofing", title: "Summit Roofing", description: "Professional roofing services", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp", imageAlt: "Summit Roofing website", buttonIcon: ArrowUpRight,
description: "Professional roofing services", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-4.webp",
imageAlt: "Summit Roofing website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
{ {
title: "Dubai Real Estate", title: "Dubai Real Estate", description: "Luxury property listings", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp", imageAlt: "Dubai Real Estate website", buttonIcon: ArrowUpRight,
description: "Luxury property listings", buttonHref: "#"},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/project-5.webp",
imageAlt: "Dubai Real Estate website",
buttonIcon: ArrowUpRight,
buttonHref: "#",
},
]} ]}
/> />
<FeatureBento <FeatureBento
@@ -166,14 +132,9 @@ export default function WebAgency2Page() {
animationType="slide-up" animationType="slide-up"
features={[ features={[
{ {
title: "All Devices Optimization", title: "All Devices Optimization", description: "Pixel-perfect websites that look stunning on every screen size and device.", bentoComponent: "phone", statusIcon: Lock,
description: "Pixel-perfect websites that look stunning on every screen size and device.",
bentoComponent: "phone",
statusIcon: Lock,
alertIcon: Monitor, alertIcon: Monitor,
alertTitle: "Responsive check", alertTitle: "Responsive check", alertMessage: "All breakpoints passed", apps: [
alertMessage: "All breakpoints passed",
apps: [
{ name: "Phone", icon: Phone }, { name: "Phone", icon: Phone },
{ name: "SMS", icon: MessageCircle }, { name: "SMS", icon: MessageCircle },
{ name: "Books", icon: BookOpen }, { name: "Books", icon: BookOpen },
@@ -185,29 +146,17 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Secure Hosting", title: "Secure Hosting", description: "Enterprise-grade security and 99.9% uptime for your website.", bentoComponent: "reveal-icon", icon: Shield,
description: "Enterprise-grade security and 99.9% uptime for your website.",
bentoComponent: "reveal-icon",
icon: Shield,
}, },
{ {
title: "Fast Turnaround", title: "Fast Turnaround", description: "From concept to launch in record time without sacrificing quality.", bentoComponent: "timeline", heading: "Project Launch", subheading: "Week 1", items: [
description: "From concept to launch in record time without sacrificing quality.",
bentoComponent: "timeline",
heading: "Project Launch",
subheading: "Week 1",
items: [
{ label: "Discovery & wireframes", detail: "Day 1-3" }, { label: "Discovery & wireframes", detail: "Day 1-3" },
{ label: "Design & development", detail: "Day 4-10" }, { label: "Design & development", detail: "Day 4-10" },
{ label: "Testing & deployment", detail: "Day 11-14" }, { label: "Testing & deployment", detail: "Day 11-14" },
], ],
completedLabel: "Live", completedLabel: "Live"},
},
{ {
title: "Seamless Integrations", title: "Seamless Integrations", description: "Connect with the tools you already use — CRMs, analytics, payments, and more.", bentoComponent: "orbiting-icons", centerIcon: Puzzle,
description: "Connect with the tools you already use — CRMs, analytics, payments, and more.",
bentoComponent: "orbiting-icons",
centerIcon: Puzzle,
items: [ items: [
{ icon: Shield }, { icon: Shield },
{ icon: Monitor }, { icon: Monitor },
@@ -216,10 +165,7 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Growth Trends", title: "Growth Trends", description: "Data-driven insights to optimize your search presence and drive traffic.", bentoComponent: "line-chart"},
description: "Data-driven insights to optimize your search presence and drive traffic.",
bentoComponent: "line-chart",
},
]} ]}
/> />
<TestimonialCardFifteen <TestimonialCardFifteen
@@ -254,21 +200,11 @@ export default function WebAgency2Page() {
animationType="slide-up" animationType="slide-up"
negativeCard={{ negativeCard={{
items: [ items: [
"Generic templates with no personality", "Generic templates with no personality", "Slow load times and poor performance", "No SEO strategy or search visibility", "Outdated design that hurts credibility", "No ongoing support after launch"],
"Slow load times and poor performance",
"No SEO strategy or search visibility",
"Outdated design that hurts credibility",
"No ongoing support after launch",
],
}} }}
positiveCard={{ positiveCard={{
items: [ items: [
"Custom designs tailored to your brand", "Custom designs tailored to your brand", "Lightning-fast performance on all devices", "Built-in SEO to drive organic traffic", "Modern design that builds trust", "Dedicated support and maintenance"],
"Lightning-fast performance on all devices",
"Built-in SEO to drive organic traffic",
"Modern design that builds trust",
"Dedicated support and maintenance",
],
}} }}
/> />
<TeamCardFive <TeamCardFive
@@ -304,8 +240,8 @@ export default function WebAgency2Page() {
description="Let's build something extraordinary together. Get in touch and let's discuss your next project." description="Let's build something extraordinary together. Get in touch and let's discuss your next project."
background={{ variant: "rotated-rays-animated" }} background={{ variant: "rotated-rays-animated" }}
buttons={[ buttons={[
{ text: "Start Your Project", href: "#contact" }, { text: "Start Your Project", href: "/#contact" },
{ text: "View Our Work", href: "#work" }, { text: "View Our Work", href: "/#work" },
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
@@ -315,17 +251,16 @@ export default function WebAgency2Page() {
copyrightText="© 2026 | Webild" copyrightText="© 2026 | Webild"
columns={[ columns={[
{ {
title: "Company", title: "Company", items: [
items: [ { label: "About", href: "/#about" },
{ label: "About", href: "#about" }, { label: "Services", href: "/#services" },
{ label: "Services", href: "#services" }, { label: "Work", href: "/#work" },
{ label: "Work", href: "#work" }, { label: "Blog", href: "/blog" },
{ label: "Contact", href: "#contact" }, { label: "Contact", href: "/#contact" },
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ label: "Web Development", href: "#" }, { label: "Web Development", href: "#" },
{ label: "SEO", href: "#" }, { label: "SEO", href: "#" },
{ label: "Branding", href: "#" }, { label: "Branding", href: "#" },
@@ -333,8 +268,7 @@ export default function WebAgency2Page() {
], ],
}, },
{ {
title: "Connect", title: "Connect", items: [
items: [
{ label: "Twitter", href: "#" }, { label: "Twitter", href: "#" },
{ label: "LinkedIn", href: "#" }, { label: "LinkedIn", href: "#" },
{ label: "Instagram", href: "#" }, { label: "Instagram", href: "#" },