Merge version_1 into main #2
192
src/app/page.tsx
192
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "products",
|
||||
},
|
||||
name: "Solutions", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="UDIA"
|
||||
/>
|
||||
@@ -63,32 +53,20 @@ export default function LandingPage() {
|
||||
description="Premium solutions for high-performance businesses. We transform vision into tangible digital assets that scale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore Services", href: "#about"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-high-end-clean-architectural-abstract--1777928316402-a6aa29c8.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-high-end-clean-architectural-abstract--1777928316402-a6aa29c8.png"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928461621-09aecf6d.png",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928461621-09aecf6d.png", alt: "Client 1"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928471415-64e14454.png",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928471415-64e14454.png", alt: "Client 2"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928480652-65eb0168.png",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928480652-65eb0168.png", alt: "Client 3"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928488709-fcd07fa5.png",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928488709-fcd07fa5.png", alt: "Client 4"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928496725-fca9435c.png",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/business-headshot-portrait-professional-1777928496725-fca9435c.png", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global enterprises"
|
||||
/>
|
||||
@@ -102,7 +80,7 @@ export default function LandingPage() {
|
||||
description="We believe that premium digital experiences are crafted with deep understanding and uncompromising quality."
|
||||
subdescription="Our team delivers bespoke solutions that reflect your brand identity, drive efficiency, and ensure long-term value."
|
||||
icon={Shield}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-professional-setting-in-a-modern-offic-1777928324858-79b745fa.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-professional-setting-in-a-modern-offic-1777928324858-79b745fa.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -114,29 +92,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Design",
|
||||
description: "High-impact visual strategy.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LayoutDashboard,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-high-end-clean-architectural-abstract--1777928316402-a6aa29c8.png?_wi=2",
|
||||
imageAlt: "A high-end, clean architectural abstract representation showing light and space in a modern professi",
|
||||
title: "Strategic Design", description: "High-impact visual strategy.", bentoComponent: "reveal-icon", icon: LayoutDashboard
|
||||
},
|
||||
{
|
||||
title: "Technical Scale",
|
||||
description: "Robust architecture for rapid growth.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-professional-setting-in-a-modern-offic-1777928324858-79b745fa.png?_wi=2",
|
||||
imageAlt: "A high-end, clean architectural abstract representation showing light and space in a modern professi",
|
||||
title: "Technical Scale", description: "Robust architecture for rapid growth.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
{
|
||||
title: "Precision Metrics",
|
||||
description: "Actionable insights for real results.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: BarChart2,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-sleek-premium-digital-product-dashboar-1777928334979-fb837197.png?_wi=1",
|
||||
imageAlt: "A high-end, clean architectural abstract representation showing light and space in a modern professi",
|
||||
},
|
||||
title: "Precision Metrics", description: "Actionable insights for real results.", bentoComponent: "reveal-icon", icon: BarChart2
|
||||
}
|
||||
]}
|
||||
title="Advanced Digital Capabilities"
|
||||
description="Equipping your organization with tools that drive growth and maximize output."
|
||||
@@ -151,41 +114,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Enterprise Hub",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-sleek-premium-digital-product-dashboar-1777928334979-fb837197.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Enterprise Hub", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-sleek-premium-digital-product-dashboar-1777928334979-fb837197.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Growth Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/modern-business-workspace-with-clean-lin-1777928343404-c1f526f1.png",
|
||||
},
|
||||
id: "p2", name: "Growth Suite", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/modern-business-workspace-with-clean-lin-1777928343404-c1f526f1.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Analytics Engine",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/an-abstract-professional-geometric-patte-1777928353316-d051612c.png",
|
||||
},
|
||||
id: "p3", name: "Analytics Engine", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/an-abstract-professional-geometric-patte-1777928353316-d051612c.png"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Brand Identity Kit",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/high-end-product-showcase-placeholder-1777928361319-d53201de.png",
|
||||
},
|
||||
id: "p4", name: "Brand Identity Kit", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/high-end-product-showcase-placeholder-1777928361319-d53201de.png"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Workflow Automation",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-meeting-concept-wi-1777928369860-4a5b7f80.png",
|
||||
},
|
||||
id: "p5", name: "Workflow Automation", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-meeting-concept-wi-1777928369860-4a5b7f80.png"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Digital Transformation",
|
||||
price: "Custom",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/technological-innovation-background-1777928378802-c78a9ec3.png",
|
||||
},
|
||||
id: "p6", name: "Digital Transformation", price: "Custom", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/technological-innovation-background-1777928378802-c78a9ec3.png"},
|
||||
]}
|
||||
title="Core Solutions"
|
||||
description="Tailored frameworks designed for modern enterprise performance."
|
||||
@@ -199,26 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Reliable infrastructure",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-sleek-premium-digital-product-dashboar-1777928431139-f6952f7d.png",
|
||||
},
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Reliable infrastructure", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/a-sleek-premium-digital-product-dashboar-1777928431139-f6952f7d.png"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "ROI",
|
||||
description: "Average increase in growth",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/modern-business-workspace-with-clean-lin-1777928439292-ab548d9d.png",
|
||||
},
|
||||
id: "m2", value: "45%", title: "ROI", description: "Average increase in growth", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/modern-business-workspace-with-clean-lin-1777928439292-ab548d9d.png"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Projects",
|
||||
description: "Successfully completed",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/an-abstract-professional-geometric-patte-1777928447510-4a511b88.png",
|
||||
},
|
||||
id: "m3", value: "200+", title: "Projects", description: "Successfully completed", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/an-abstract-professional-geometric-patte-1777928447510-4a511b88.png"},
|
||||
]}
|
||||
title="Impact That Matters"
|
||||
description="Measurable results driven by refined strategy."
|
||||
@@ -233,25 +157,15 @@ export default function LandingPage() {
|
||||
author="Marcus Vane, CEO"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/portrait-of-a-professional-business-exec-1777928387799-2fbb9338.png",
|
||||
alt: "Marcus Vane",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/portrait-of-a-professional-business-exec-1777928387799-2fbb9338.png", alt: "Marcus Vane"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928398152-1df714dd.png",
|
||||
alt: "Sarah J.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928398152-1df714dd.png", alt: "Sarah J."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928406099-631d2c01.png",
|
||||
alt: "James P.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928406099-631d2c01.png", alt: "James P."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928414544-314902e3.png",
|
||||
alt: "Emily K.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928414544-314902e3.png", alt: "Emily K."},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928505009-dc917e9f.png",
|
||||
alt: "Robert L.",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/professional-business-portrait-1777928505009-dc917e9f.png", alt: "Robert L."},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -264,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you define premium delivery?",
|
||||
content: "It means every detail is considered, performance is paramount, and the solution is perfectly aligned with your business goals.",
|
||||
},
|
||||
id: "f1", title: "How do you define premium delivery?", content: "It means every detail is considered, performance is paramount, and the solution is perfectly aligned with your business goals."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you handle enterprise scaling?",
|
||||
content: "Yes, our frameworks are specifically built to support rapid scaling for enterprise environments.",
|
||||
},
|
||||
id: "f2", title: "Can you handle enterprise scaling?", content: "Yes, our frameworks are specifically built to support rapid scaling for enterprise environments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the onboarding process?",
|
||||
content: "We begin with a strategic audit followed by a roadmap development to ensure total alignment.",
|
||||
},
|
||||
id: "f3", title: "What is the onboarding process?", content: "We begin with a strategic audit followed by a roadmap development to ensure total alignment."},
|
||||
]}
|
||||
title="Frequent Questions"
|
||||
description="Clear insights into our process and approach."
|
||||
@@ -289,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Begin Your Transformation"
|
||||
description="Connect with us to discuss how our solutions can elevate your business."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DEczrpVR2qB1YEEhcvJlUi8AO6/an-elegant-minimalist-background-texture-1777928422610-6e4a5a9d.png"
|
||||
@@ -304,33 +208,21 @@ export default function LandingPage() {
|
||||
logoText="UDIA"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Solutions",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Solutions", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user