Merge version_1 into main #1
283
src/app/page.tsx
283
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="NEXUS"
|
||||
/>
|
||||
@@ -56,98 +48,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Next-Gen Software Solutions"
|
||||
description="Empowering your business with high-performance digital infrastructure. Our solutions are designed to scale with your ambition."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Riv",
|
||||
handle: "@alexriv",
|
||||
testimonial: "Transformative technology that saved us months of development.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
|
||||
},
|
||||
name: "Alex Riv", handle: "@alexriv", testimonial: "Transformative technology that saved us months of development.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg"},
|
||||
{
|
||||
name: "Sarah Chen",
|
||||
handle: "@schen_dev",
|
||||
testimonial: "The performance gains we saw within the first week were unparalleled.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085988.jpg",
|
||||
},
|
||||
name: "Sarah Chen", handle: "@schen_dev", testimonial: "The performance gains we saw within the first week were unparalleled.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-person-conference-room_23-2149085988.jpg"},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
handle: "@mthorne",
|
||||
testimonial: "Scalability is no longer a concern. This is the backbone of our stack.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg",
|
||||
},
|
||||
name: "Marcus Thorne", handle: "@mthorne", testimonial: "Scalability is no longer a concern. This is the backbone of our stack.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg"},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "@ev_designs",
|
||||
testimonial: "Intuitive, powerful, and absolutely reliable. A game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg",
|
||||
},
|
||||
name: "Elena V.", handle: "@ev_designs", testimonial: "Intuitive, powerful, and absolutely reliable. A game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-rastafarian-male-wearing-blue-shirt-beanie-studio-portrait-blue-background_613910-11516.jpg"},
|
||||
{
|
||||
name: "Julian Pike",
|
||||
handle: "@jpike_it",
|
||||
testimonial: "Enterprise-grade stability meeting modern agility. Incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
},
|
||||
name: "Julian Pike", handle: "@jpike_it", testimonial: "Enterprise-grade stability meeting modern agility. Incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/closeup-portrait-yong-woman-casual-portrait-positive-view-big-smile-beautiful-model-posing_1258-111181.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg",
|
||||
alt: "Team member 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling-outside-office-building_107420-74332.jpg", alt: "Team member 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Team member 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Team member 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "Team member 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "Team member 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",
|
||||
alt: "Team member 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg", alt: "Team member 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
|
||||
alt: "Team member 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", alt: "Team member 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Infrastructure",
|
||||
},
|
||||
type: "text", text: "Cloud Infrastructure"},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI Integration",
|
||||
},
|
||||
type: "text", text: "AI Integration"},
|
||||
{
|
||||
type: "text",
|
||||
text: "High-Speed Data",
|
||||
},
|
||||
type: "text", text: "High-Speed Data"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Enterprise Security",
|
||||
},
|
||||
type: "text", text: "Enterprise Security"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Systems",
|
||||
},
|
||||
type: "text", text: "Scalable Systems"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -158,9 +107,7 @@ export default function LandingPage() {
|
||||
title="Built for the Future of Enterprise"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -172,20 +119,11 @@ export default function LandingPage() {
|
||||
description="Everything you need to manage your business effectively."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "High Performance",
|
||||
content: "Lightning fast load times for every operation.",
|
||||
},
|
||||
id: "1", title: "High Performance", content: "Lightning fast load times for every operation."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure Infrastructure",
|
||||
content: "Enterprise-grade security for your peace of mind.",
|
||||
},
|
||||
id: "2", title: "Secure Infrastructure", content: "Enterprise-grade security for your peace of mind."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Automated Scaling",
|
||||
content: "Effortlessly grows with your customer base.",
|
||||
},
|
||||
id: "3", title: "Automated Scaling", content: "Effortlessly grows with your customer base."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/finger-pressing-circle_1112-656.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -200,41 +138,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Suite",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Suite", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/programmers-data-center-using-mockup-tablet-observing-equipment-analytics_482257-125853.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cloud Hub",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",
|
||||
},
|
||||
id: "p2", name: "Cloud Hub", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Analytics AI",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg",
|
||||
},
|
||||
id: "p3", name: "Analytics AI", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Dev Kit",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-works-modern-workspace-using-green-screen-dual-monitors-setup-high-tech_482257-135461.jpg",
|
||||
},
|
||||
id: "p4", name: "Dev Kit", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-works-modern-workspace-using-green-screen-dual-monitors-setup-high-tech_482257-135461.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Team Sync",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg",
|
||||
},
|
||||
id: "p5", name: "Team Sync", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/assemble-manufacturing-production-business-pattern_53876-124677.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Security Pro",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg",
|
||||
},
|
||||
id: "p6", name: "Security Pro", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/global-network-illustration_53876-16141.jpg"},
|
||||
]}
|
||||
title="Our Products"
|
||||
description="Professional tools for your workflow."
|
||||
@@ -243,30 +157,19 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Guaranteed.",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "99.9%", title: "Uptime", description: "Guaranteed.", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Clients",
|
||||
description: "Worldwide.",
|
||||
icon: Users,
|
||||
id: "m2", value: "500+", title: "Clients", description: "Worldwide.", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100ms",
|
||||
title: "Latency",
|
||||
description: "Avg.",
|
||||
icon: Zap,
|
||||
id: "m3", value: "100ms", title: "Latency", description: "Avg.", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Proven Impact"
|
||||
@@ -281,36 +184,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Entry",
|
||||
price: "$29",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
],
|
||||
id: "basic", badge: "Entry", price: "$29", subtitle: "For individuals", features: [
|
||||
"Feature A", "Feature B"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Popular",
|
||||
price: "$89",
|
||||
subtitle: "For teams",
|
||||
features: [
|
||||
"All Basic",
|
||||
"Premium Support",
|
||||
"Analytics",
|
||||
],
|
||||
id: "pro", badge: "Popular", price: "$89", subtitle: "For teams", features: [
|
||||
"All Basic", "Premium Support", "Analytics"],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Scale",
|
||||
price: "$299",
|
||||
subtitle: "For enterprises",
|
||||
features: [
|
||||
"All Pro",
|
||||
"SSO",
|
||||
"Custom Dev",
|
||||
],
|
||||
id: "ent", badge: "Scale", price: "$299", subtitle: "For enterprises", features: [
|
||||
"All Pro", "SSO", "Custom Dev"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing"
|
||||
@@ -326,45 +209,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M",
|
||||
role: "CTO",
|
||||
company: "CloudInc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
},
|
||||
id: "1", name: "Alice M", role: "CTO", company: "CloudInc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob D",
|
||||
role: "Product Lead",
|
||||
company: "DevGroup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg",
|
||||
},
|
||||
id: "2", name: "Bob D", role: "Product Lead", company: "DevGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-darkroom_23-2149893830.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Carol W",
|
||||
role: "CEO",
|
||||
company: "GrowthLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
id: "3", name: "Carol W", role: "CEO", company: "GrowthLabs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Z",
|
||||
role: "DevOps",
|
||||
company: "SecureNet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-holding-digital-tablet-looking-camera_23-2148187245.jpg",
|
||||
},
|
||||
id: "4", name: "David Z", role: "DevOps", company: "SecureNet", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-man-holding-digital-tablet-looking-camera_23-2148187245.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eve K",
|
||||
role: "Designer",
|
||||
company: "Creative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
id: "5", name: "Eve K", role: "Designer", company: "Creative", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Hear what our partners have to say."
|
||||
@@ -375,16 +233,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Ready to scale?"
|
||||
title="Start your journey today."
|
||||
description="Get in touch to discuss your custom project requirements."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -395,29 +250,19 @@ export default function LandingPage() {
|
||||
logoText="NEXUS"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#",
|
||||
},
|
||||
label: "Team", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user