Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -17,71 +17,43 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="NexusBuild"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get a Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="We Build the Future of the Web"
|
||||
description="Experience professional, custom web development that blends innovative 3D technology with sleek, conversion-focused design."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-tech-ceo-high-1774608559896-8547e6a2.png",
|
||||
alt: "CEO",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-software-engi-1774608560431-b9e5d6b5.png",
|
||||
alt: "Engineer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-creative-lead-1774608560199-cc462f76.png",
|
||||
alt: "Designer",
|
||||
},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-product-manag-1774608560100-2ad0b36d.png",
|
||||
alt: "Product Manager",
|
||||
},
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-tech-ceo-high-1774608559896-8547e6a2.png", alt: "CEO" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-software-engi-1774608560431-b9e5d6b5.png", alt: "Engineer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-creative-lead-1774608560199-cc462f76.png", alt: "Designer" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/professional-portrait-of-a-product-manag-1774608560100-2ad0b36d.png", alt: "Product Manager" },
|
||||
]}
|
||||
avatarText="Trusted by industry leaders worldwide"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Process",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Our Process", href: "#about" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -92,11 +64,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Journey"
|
||||
title="Crafting Digital Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -105,100 +73,38 @@ export default function LandingPage() {
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Interactive 3D Environments",
|
||||
description: "Engage users with immersive digital worlds that leave a lasting impression.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png?_wi=1",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "High-Performance SaaS",
|
||||
description: "Enterprise-grade architecture built to handle millions of requests while looking perfect.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png?_wi=2",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png?_wi=2",
|
||||
},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Custom E-Commerce",
|
||||
description: "Tailored shopping experiences designed to maximize your conversions.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png?_wi=3",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png?_wi=3",
|
||||
},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Custom Solutions for Any Need"
|
||||
description="We deliver high-end web experiences that scale."
|
||||
features={[
|
||||
{
|
||||
id: 1, title: "Interactive 3D Environments", description: "Engage users with immersive digital worlds that leave a lasting impression.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png" }
|
||||
},
|
||||
{
|
||||
id: 2, title: "High-Performance SaaS", description: "Enterprise-grade architecture built to handle millions of requests while looking perfect.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png" }
|
||||
},
|
||||
{
|
||||
id: 3, title: "Custom E-Commerce", description: "Tailored shopping experiences designed to maximize your conversions.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-sleek-mobile-responsive-ui-mockup-floa-1774608559918-c1bf56a5.png" },
|
||||
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/a-3d-isometric-view-of-a-web-development-1774608560933-c14c732d.png" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$2,500",
|
||||
name: "Starter Web",
|
||||
features: [
|
||||
"Responsive Design",
|
||||
"3-5 Pages",
|
||||
"SEO Basics",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$7,500",
|
||||
name: "Growth Pro",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"CMS Integration",
|
||||
"Performance Optimization",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
price: "$15,000+",
|
||||
name: "Elite Enterprise",
|
||||
features: [
|
||||
"Everything in Growth",
|
||||
"3D Customization",
|
||||
"Priority 24/7 Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent & Flexible Pricing"
|
||||
description="Choose a plan that fits your business goals and growth timeline."
|
||||
plans={[
|
||||
{ id: "basic", price: "$2,500", name: "Starter Web", features: ["Responsive Design", "3-5 Pages", "SEO Basics"], buttons: [{ text: "Get Started" }] },
|
||||
{ id: "pro", price: "$7,500", name: "Growth Pro", features: ["Everything in Starter", "CMS Integration", "Performance Optimization"], buttons: [{ text: "Choose Pro" }] },
|
||||
{ id: "enterprise", price: "$15,000+", name: "Elite Enterprise", features: ["Everything in Growth", "3D Customization", "Priority 24/7 Support"], buttons: [{ text: "Contact Sales" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -208,34 +114,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
role: "CTO",
|
||||
testimonial: "NexusBuild transformed our vision into a digital masterpiece. Truly professional.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608559882-858fcac8.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Chen",
|
||||
role: "Marketing Lead",
|
||||
testimonial: "The 3D effects on our new site have tripled our user engagement. Stunning work.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608561105-5df7907b.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Michael Voss",
|
||||
role: "CEO",
|
||||
testimonial: "Seamless execution and incredible attention to detail. Will definitely work with them again.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608559756-159326fd.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
role: "Founder",
|
||||
testimonial: "Best development firm we have collaborated with. The site is fast, fluid, and beautiful.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608565563-b04f393b.png",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", role: "CTO", testimonial: "NexusBuild transformed our vision into a digital masterpiece. Truly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608559882-858fcac8.png" },
|
||||
{ id: "2", name: "Sarah Chen", role: "Marketing Lead", testimonial: "The 3D effects on our new site have tripled our user engagement. Stunning work.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608561105-5df7907b.png" },
|
||||
{ id: "3", name: "Michael Voss", role: "CEO", testimonial: "Seamless execution and incredible attention to detail. Will definitely work with them again.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608559756-159326fd.png" },
|
||||
{ id: "4", name: "Elena Rossi", role: "Founder", testimonial: "Best development firm we have collaborated with. The site is fast, fluid, and beautiful.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/abstract-background-visualization-for-a--1774608565563-b04f393b.png" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it—see what our partners say."
|
||||
@@ -248,21 +130,10 @@ export default function LandingPage() {
|
||||
title="Let's Start Your Project"
|
||||
description="Ready to build something legendary? Get in touch and let's talk about your goals."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project...",
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Tell us about your project..." }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWcy49dR77o5woP4bwRiflZ8NA/an-animated-digital-interface-for-a-cont-1774608560447-2630dc19.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -272,43 +143,13 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Development",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [{ label: "Development", href: "#features" }, { label: "Consulting", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Docs", href: "#" }]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user