Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Work", id: "work" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NEXUS"
|
||||
/>
|
||||
@@ -56,16 +44,13 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Designing the Future of Digital Experience."
|
||||
description="We bridge the gap between imagination and reality with bespoke digital solutions, high-end design, and future-ready engineering."
|
||||
tag="PREMIUM DIGITAL AGENCY"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Project", href: "#contact"},
|
||||
]}
|
||||
tagIcon={Sparkles}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kdodwz"
|
||||
@@ -78,21 +63,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
icon: Rocket,
|
||||
label: "Projects Delivered",
|
||||
value: "250+",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Clients",
|
||||
value: "180+",
|
||||
},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Global Reach",
|
||||
value: "12",
|
||||
},
|
||||
{ icon: Rocket, label: "Projects Delivered", value: "250+" },
|
||||
{ icon: Users, label: "Happy Clients", value: "180+" },
|
||||
{ icon: Globe, label: "Global Reach", value: "12" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,36 +73,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Web Architecture",
|
||||
tags: [
|
||||
"High Performance",
|
||||
"Scalability",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33bs1y",
|
||||
},
|
||||
id: "f1", title: "Web Architecture", tags: ["High Performance", "Scalability"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=33bs1y"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Experience Design",
|
||||
tags: [
|
||||
"Minimalism",
|
||||
"Interactive",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nq4waz",
|
||||
},
|
||||
id: "f2", title: "Experience Design", tags: ["Minimalism", "Interactive"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nq4waz"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Data Engineering",
|
||||
tags: [
|
||||
"AI Models",
|
||||
"Deep Data",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k096m3",
|
||||
},
|
||||
id: "f3", title: "Data Engineering", tags: ["AI Models", "Deep Data"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k096m3"},
|
||||
]}
|
||||
title="Engineered Services"
|
||||
description="We build high-performance, futuristic platforms tailored to your brand needs."
|
||||
@@ -143,37 +99,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$5,000",
|
||||
subtitle: "For early-stage startups",
|
||||
features: [
|
||||
"Brand Identity",
|
||||
"Landing Page",
|
||||
"Basic Analytics",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$5,000", subtitle: "For early-stage startups", features: ["Brand Identity", "Landing Page", "Basic Analytics"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Scale",
|
||||
price: "$15,000",
|
||||
subtitle: "For growing enterprises",
|
||||
features: [
|
||||
"Full Web App",
|
||||
"AI Integration",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", badge: "Scale", price: "$15,000", subtitle: "For growing enterprises", features: ["Full Web App", "AI Integration", "Priority Support"],
|
||||
},
|
||||
{
|
||||
id: "ultra",
|
||||
badge: "Visionary",
|
||||
price: "$45,000",
|
||||
subtitle: "For market leaders",
|
||||
features: [
|
||||
"Custom Blockchain",
|
||||
"Global Cloud",
|
||||
"Full Service Team",
|
||||
],
|
||||
id: "ultra", badge: "Visionary", price: "$45,000", subtitle: "For market leaders", features: ["Custom Blockchain", "Global Cloud", "Full Service Team"],
|
||||
},
|
||||
]}
|
||||
title="Tailored Solutions"
|
||||
@@ -187,21 +119,9 @@ export default function LandingPage() {
|
||||
title="Performance Standards"
|
||||
tag="KPIs"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime Guarantee",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1.2s",
|
||||
description: "Avg Page Speed",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
description: "Conversion Lift",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "Uptime Guarantee" },
|
||||
{ id: "m2", value: "1.2s", description: "Avg Page Speed" },
|
||||
{ id: "m3", value: "45%", description: "Conversion Lift" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -209,46 +129,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="work" data-section="work">
|
||||
<ProductCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Zenith AI",
|
||||
price: "AI Platform",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dx8b77",
|
||||
},
|
||||
id: "p1", name: "Zenith AI", price: "AI Platform", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dx8b77"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Echo Labs",
|
||||
price: "Interactive",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68ypwl",
|
||||
},
|
||||
id: "p2", name: "Echo Labs", price: "Interactive", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=68ypwl"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Nova Tech",
|
||||
price: "Software",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1kh805",
|
||||
},
|
||||
id: "p3", name: "Nova Tech", price: "Software", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1kh805"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lumina",
|
||||
price: "Creative",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aobapc",
|
||||
},
|
||||
id: "p4", name: "Lumina", price: "Creative", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aobapc"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Apex",
|
||||
price: "Enterprise",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp9gho",
|
||||
},
|
||||
id: "p5", name: "Apex", price: "Enterprise", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tp9gho"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vertex",
|
||||
price: "Finance",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=patqvz",
|
||||
},
|
||||
id: "p6", name: "Vertex", price: "Finance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=patqvz"},
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="A glimpse into our recent work."
|
||||
@@ -262,40 +159,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@rivet",
|
||||
testimonial: "Nexus delivered an incredible experience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ea8ojl",
|
||||
},
|
||||
id: "1", name: "Alex Rivet", handle: "@rivet", testimonial: "Nexus delivered an incredible experience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ea8ojl"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
handle: "@sarah",
|
||||
testimonial: "Pure genius in every line of code.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=axhplm",
|
||||
},
|
||||
id: "2", name: "Sarah Chen", handle: "@sarah", testimonial: "Pure genius in every line of code.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=axhplm"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Jones",
|
||||
handle: "@jones",
|
||||
testimonial: "The best design agency I have worked with.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a7eixx",
|
||||
},
|
||||
id: "3", name: "Mark Jones", handle: "@jones", testimonial: "The best design agency I have worked with.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a7eixx"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily P.",
|
||||
handle: "@emilyp",
|
||||
testimonial: "Future-ready solutions for our needs.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xrxnt7",
|
||||
},
|
||||
id: "4", name: "Emily P.", handle: "@emilyp", testimonial: "Future-ready solutions for our needs.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xrxnt7"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Wu",
|
||||
handle: "@dwu",
|
||||
testimonial: "Exceptional communication and execution.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n25ylb",
|
||||
},
|
||||
id: "5", name: "David Wu", handle: "@dwu", testimonial: "Exceptional communication and execution.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n25ylb"},
|
||||
]}
|
||||
title="Client Perspectives"
|
||||
description="What industry leaders say about our work."
|
||||
@@ -306,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="CONTACT US"
|
||||
title="Build Your Vision"
|
||||
description="Let's create the next big thing together."
|
||||
@@ -320,21 +191,9 @@ export default function LandingPage() {
|
||||
<FooterCard
|
||||
logoText="NEXUS"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://x.com",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Github,
|
||||
href: "https://github.com",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "https://x.com", ariaLabel: "Twitter" },
|
||||
{ icon: Github, href: "https://github.com", ariaLabel: "Github" },
|
||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user