Merge version_1 into main #1
262
src/app/page.tsx
262
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Sparkles } from "lucide-react";
|
||||
import { Award, Sparkles, Zap, Shield, BarChart, Globe } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,27 +20,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Solutions",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Products", id: "#products" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Nexus Innovate"
|
||||
/>
|
||||
@@ -48,30 +44,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Innovating the Future of Business."
|
||||
description="Nexus Innovate provides enterprise-grade technology solutions to propel your business forward with confidence, reliability, and precision."
|
||||
tag="Next-Gen Enterprise"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-business-center_1127-2884.jpg"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Get Started", href: "#contact" },
|
||||
{ text: "View Solutions", href: "#features" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Our Mission"
|
||||
title="Empowering Growth Through Intelligence."
|
||||
description="We build sustainable, high-performing systems that help organizations thrive in an increasingly complex digital landscape."
|
||||
@@ -79,6 +66,7 @@ export default function LandingPage() {
|
||||
icon={Award}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serious-businesswoman-analyzing-situation_1098-1307.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,30 +75,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Digital Transformation",
|
||||
description: "Streamlining processes with agile cloud architecture and automated pipelines.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg",
|
||||
},
|
||||
{
|
||||
title: "Enterprise Security",
|
||||
description: "Advanced threat detection and data integrity monitoring for global businesses.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-point-form-with-password-red-padlock_107791-16190.jpg",
|
||||
},
|
||||
{
|
||||
title: "Insightful Analytics",
|
||||
description: "Converting raw data points into actionable strategy and business growth intelligence.",
|
||||
buttonIcon: "BarChart",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg",
|
||||
},
|
||||
{
|
||||
title: "Global Connectivity",
|
||||
description: "Unlocking seamless communication infrastructure across international markets.",
|
||||
buttonIcon: "Globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147767088.jpg",
|
||||
},
|
||||
{ title: "Digital Transformation", description: "Streamlining processes with agile cloud architecture and automated pipelines.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-digital-with-modern-flowing-particles_1048-13765.jpg" },
|
||||
{ title: "Enterprise Security", description: "Advanced threat detection and data integrity monitoring for global businesses.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/hand-point-form-with-password-red-padlock_107791-16190.jpg" },
|
||||
{ title: "Insightful Analytics", description: "Converting raw data points into actionable strategy and business growth intelligence.", buttonIcon: BarChart, imageSrc: "http://img.b2bpic.net/free-photo/dynamic-data-visualization-3d_23-2151904326.jpg" },
|
||||
{ title: "Global Connectivity", description: "Unlocking seamless communication infrastructure across international markets.", buttonIcon: Globe, imageSrc: "http://img.b2bpic.net/free-vector/technology-elements-background-flat-style_23-2147767088.jpg" }
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="We specialize in delivering robust solutions tailored to your unique organizational requirements."
|
||||
@@ -124,42 +92,12 @@ export default function LandingPage() {
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Nexus Laptop Pro",
|
||||
price: "$1,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994362.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Enterprise Tablet",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop_23-2148166705.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Wearable",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Docking Station",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Software Suite",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-vhs-cover-template-design_23-2149846513.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Smart Router",
|
||||
price: "$399",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Nexus Laptop Pro", price: "$1,499", imageSrc: "http://img.b2bpic.net/free-photo/still-life-device-table_23-2150994362.jpg" },
|
||||
{ id: "p2", name: "Enterprise Tablet", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/office-desktop-with-laptop_23-2148166705.jpg" },
|
||||
{ id: "p3", name: "Smart Wearable", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-different-types-graphics_1134-417.jpg" },
|
||||
{ id: "p4", name: "Docking Station", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg" },
|
||||
{ id: "p5", name: "Software Suite", price: "$499", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-vhs-cover-template-design_23-2149846513.jpg" },
|
||||
{ id: "p6", name: "Smart Router", price: "$399", imageSrc: "http://img.b2bpic.net/free-photo/top-view-orange-hard-disk-components_23-2149413374.jpg" }
|
||||
]}
|
||||
title="Professional Toolkit"
|
||||
description="A curated range of high-performance solutions designed to maximize efficiency and output."
|
||||
@@ -173,31 +111,11 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "System Uptime Guaranteed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Successful Projects Delivered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45%",
|
||||
description: "Average Efficiency Gain",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "24/7",
|
||||
description: "Enterprise Support",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
{ id: "m1", value: "99.9%", description: "System Uptime Guaranteed" },
|
||||
{ id: "m2", value: "500+", description: "Successful Projects Delivered" },
|
||||
{ id: "m3", value: "45%", description: "Average Efficiency Gain" },
|
||||
{ id: "m4", value: "24/7", description: "Enterprise Support" },
|
||||
{ id: "m5", value: "15+", description: "Years of Experience" }
|
||||
]}
|
||||
title="Proven Performance"
|
||||
description="Quantifiable impact and excellence measured in our successful track record."
|
||||
@@ -210,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivet",
|
||||
handle: "@CEO",
|
||||
testimonial: "Nexus transformed our infrastructure within weeks. Unmatched reliability.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2mztg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Maria Chen",
|
||||
handle: "@CTO",
|
||||
testimonial: "The precision of their code and strategic insight was a massive value add.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5hlap2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Thorne",
|
||||
handle: "@VP Growth",
|
||||
testimonial: "Efficiency reached new levels. These tools changed our team workflow forever.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10da44",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Linda Wu",
|
||||
handle: "@Ops",
|
||||
testimonial: "Professional, reliable, and always ahead of the curve in implementation.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qokdeq",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Vark",
|
||||
handle: "@Manager",
|
||||
testimonial: "A long-term partner we trust for all critical enterprise operations now.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9l4wp0",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivet", handle: "@CEO", testimonial: "Nexus transformed our infrastructure within weeks. Unmatched reliability.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w2mztg" },
|
||||
{ id: "2", name: "Maria Chen", handle: "@CTO", testimonial: "The precision of their code and strategic insight was a massive value add.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5hlap2" },
|
||||
{ id: "3", name: "Sam Thorne", handle: "@VP Growth", testimonial: "Efficiency reached new levels. These tools changed our team workflow forever.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=10da44" },
|
||||
{ id: "4", name: "Linda Wu", handle: "@Ops", testimonial: "Professional, reliable, and always ahead of the curve in implementation.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qokdeq" },
|
||||
{ id: "5", name: "David Vark", handle: "@Manager", testimonial: "A long-term partner we trust for all critical enterprise operations now.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9l4wp0" }
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Trusted by forward-thinking leaders across the globe to deliver reliable infrastructure."
|
||||
@@ -256,31 +144,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we get started?",
|
||||
content: "Schedule a discovery call with our team and we'll outline a strategy for your business needs.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is support included?",
|
||||
content: "All enterprise plans come with 24/7 dedicated support and maintenance windows.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you scale globally?",
|
||||
content: "Yes, our architecture is built for multi-region scale and international deployment.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "What industries do you serve?",
|
||||
content: "We serve finance, healthcare, manufacturing, and technology sectors primarily.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Do you offer training?",
|
||||
content: "Yes, we provide comprehensive training sessions for all deployed software systems.",
|
||||
},
|
||||
{ id: "f1", title: "How do we get started?", content: "Schedule a discovery call with our team and we'll outline a strategy for your business needs." },
|
||||
{ id: "f2", title: "Is support included?", content: "All enterprise plans come with 24/7 dedicated support and maintenance windows." },
|
||||
{ id: "f3", title: "Can you scale globally?", content: "Yes, our architecture is built for multi-region scale and international deployment." },
|
||||
{ id: "f4", title: "What industries do you serve?", content: "We serve finance, healthcare, manufacturing, and technology sectors primarily." },
|
||||
{ id: "f5", title: "Do you offer training?", content: "Yes, we provide comprehensive training sessions for all deployed software systems." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common inquiries to help you understand how Nexus Innovate serves our partners."
|
||||
@@ -291,9 +159,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Ready to innovate?"
|
||||
description="Join thousands of businesses already scaling their operations with Nexus Innovate. Sign up today."
|
||||
@@ -306,45 +172,9 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Nexus Innovate"
|
||||
columns={[
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
{
|
||||
label: "Cloud Strategy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Analytics",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Mission",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Solutions", items: [{ label: "Cloud Strategy", href: "#" }, { label: "Analytics", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "Mission", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user