Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| e74831da2e | |||
| 2a7418202c |
133
src/app/page.tsx
133
src/app/page.tsx
@@ -54,14 +54,14 @@ export default function WebAgency2Page() {
|
|||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
carouselPosition="right"
|
carouselPosition="right"
|
||||||
leftCarouselItems={[
|
leftCarouselItems={[
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", imageAlt: "UI UX Design - Daily Life app" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=1", imageAlt: "UI UX Design - Daily Life app" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp", imageAlt: "UI UX Design - SaaS platform" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=1", imageAlt: "UI UX Design - SaaS platform" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-6.webp", imageAlt: "UI UX Design - Luminé skincare" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-7.webp", imageAlt: "UI UX Design - Online courses" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-9.webp", imageAlt: "UI UX Design - Business coach" },
|
||||||
]}
|
]}
|
||||||
rightCarouselItems={[
|
rightCarouselItems={[
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp", imageAlt: "UI UX Design - Luxuria travel" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=1", imageAlt: "UI UX Design - Luxuria travel" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-5.webp", imageAlt: "UI UX Design - Dental practice" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-3.webp", imageAlt: "UI UX Design - AI product builder" },
|
||||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" },
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-8.webp", imageAlt: "UI UX Design - AI automation" },
|
||||||
@@ -78,31 +78,21 @@ export default function WebAgency2Page() {
|
|||||||
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.",
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp?_wi=2", imageAlt: "Brand project 1" },
|
||||||
bentoComponent: "media-stack",
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-2.webp?_wi=2", imageAlt: "Brand project 2" },
|
||||||
items: [
|
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-4.webp?_wi=2", imageAlt: "Brand project 3" },
|
||||||
{ 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-4.webp", imageAlt: "Brand project 3" },
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -117,45 +107,20 @@ export default function WebAgency2Page() {
|
|||||||
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 +131,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 +145,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 +164,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 +199,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
|
||||||
@@ -289,6 +224,7 @@ export default function WebAgency2Page() {
|
|||||||
description="Everything you need to know about working with us."
|
description="Everything you need to know about working with us."
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
buttons={[{ text: "Contact Support", href: "#contact" }]}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
faqs={[
|
faqs={[
|
||||||
{ id: "1", title: "How long does a typical project take?", content: "Most projects are completed within 2-4 weeks depending on scope and complexity. We'll provide a detailed timeline during our initial consultation." },
|
{ id: "1", title: "How long does a typical project take?", content: "Most projects are completed within 2-4 weeks depending on scope and complexity. We'll provide a detailed timeline during our initial consultation." },
|
||||||
@@ -315,8 +251,7 @@ 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" },
|
||||||
@@ -324,8 +259,7 @@ export default function WebAgency2Page() {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
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 +267,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: "#" },
|
||||||
|
|||||||
Reference in New Issue
Block a user