Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
352
src/app/page.tsx
352
src/app/page.tsx
@@ -9,7 +9,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
|
||||
@@ -31,62 +31,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
{ name: "Training", id: "#features" },
|
||||
{ name: "Results", id: "#metrics" },
|
||||
{ name: "Program", id: "#products" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
]}
|
||||
brandName="NexAI"
|
||||
brandName="ProHockey"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="NexAI"
|
||||
description="The intelligence of the future, delivered with the elegance of simplicity."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
logoText="ProHockey"
|
||||
description="Elite ice hockey training designed to transform aspiring athletes into professional players."
|
||||
buttons={[{ text: "Join Program", href: "#pricing" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139320.jpg",
|
||||
imageAlt: "AI Network",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/online-cloud-data-storage-concept-cloudscape-digital-online-server-global-network-business-web-database-backup-computer-private-infrastructure-technology_90220-1345.jpg",
|
||||
imageAlt: "Data Flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg",
|
||||
imageAlt: "AI Brain",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103737.jpg",
|
||||
imageAlt: "Digital Flow",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-banking-transparent-screen_53876-105382.jpg",
|
||||
imageAlt: "Interface",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-concept-with-yellow-squares_23-2148999175.jpg",
|
||||
imageAlt: "Network 3D",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-player-skating-ice-rink_1150-18549.jpg", imageAlt: "Hockey Training" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-player-posing-with-stick_23-2148756942.jpg", imageAlt: "Elite Performance" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,27 +58,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Advanced Analytics",
|
||||
description: "See the future of your business with hyper-precise data models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
imageAlt: "Analytics",
|
||||
},
|
||||
{
|
||||
title: "Seamless Automation",
|
||||
description: "Automate complex workflows without the manual overhead.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-deadline-with-chat-bot-clock_107791-2104.jpg",
|
||||
imageAlt: "Automation",
|
||||
},
|
||||
{
|
||||
title: "Total Security",
|
||||
description: "Enterprise-grade encryption protecting every byte of data.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-lock-with-digital-particles_23-2152004084.jpg",
|
||||
imageAlt: "Security",
|
||||
},
|
||||
{ title: "Pro-Grade Drills", description: "High-intensity ice sessions focused on skill mastery.", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-player-practicing-skating_1150-18550.jpg" },
|
||||
{ title: "Tactical IQ", description: "Strategic game analysis to elevate your hockey sense.", imageSrc: "http://img.b2bpic.net/free-photo/hockey-coach-discussing-tactics_1150-18552.jpg" },
|
||||
{ title: "Strength Training", description: "Athletic conditioning customized for hockey players.", imageSrc: "http://img.b2bpic.net/free-photo/hockey-athlete-working-out_1150-18554.jpg" }
|
||||
]}
|
||||
title="Unmatched Capability"
|
||||
description="Precision engineering meets intuitive AI design."
|
||||
title="Training System"
|
||||
description="Develop the skills required for the pro level."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,39 +73,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
items: [
|
||||
"Global availability",
|
||||
"Zero latency",
|
||||
"Reliable infra",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100x",
|
||||
title: "Speed Gain",
|
||||
items: [
|
||||
"Optimized compute",
|
||||
"Real-time AI",
|
||||
"Instant response",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
title: "Requests",
|
||||
items: [
|
||||
"Daily processing",
|
||||
"Scaleable load",
|
||||
"High throughput",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100%", title: "Skill Growth", items: ["Drill precision", "Edge control", "Game speed"] },
|
||||
{ id: "m2", value: "500+", title: "Successful", items: ["Draft prospects", "Pro placements", "Career goals"] },
|
||||
{ id: "m3", value: "24/7", title: "Support", items: ["Expert coaching", "Nutrition plan", "Video review"] }
|
||||
]}
|
||||
title="Performance at Scale"
|
||||
description="Numbers that define industry standards."
|
||||
title="Athlete Metrics"
|
||||
description="Measurable results for the aspiring pro."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -170,51 +89,10 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "AI Core",
|
||||
price: "From $499",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-flower-decor-metal-vase_23-2149270654.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Insight Hub",
|
||||
price: "From $199",
|
||||
variant: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-gradient-background-with-grainy-effect_84443-3077.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Neural Link",
|
||||
price: "From $299",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-dark-mode-app-template_23-2150513313.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vision AI",
|
||||
price: "From $399",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-made-painting-texture-with-foam-blue-watercolor_23-2148078937.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Data Node",
|
||||
price: "From $149",
|
||||
variant: "Base",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-abstract-sphere-illuminates-dark-backdrop-generated-by-ai_188544-11877.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cloud Shield",
|
||||
price: "From $99",
|
||||
variant: "Security",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-businessman-working-late-laptop-dark-office_169016-54965.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Elite Skills", price: "$500", variant: "Core Program", imageSrc: "http://img.b2bpic.net/free-photo/ice-hockey-stick-puck_1150-18556.jpg" }
|
||||
]}
|
||||
title="Our Innovations"
|
||||
description="Products engineered for the modern era."
|
||||
title="Training Packages"
|
||||
description="Select your path to professional play."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -223,127 +101,30 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen",
|
||||
role: "CTO",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-device_23-2148993918.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Miller",
|
||||
role: "CEO",
|
||||
company: "Global Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-boat-collection_23-2148534748.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Lead Architect",
|
||||
company: "BuildLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098565.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marcus Thorne",
|
||||
role: "Product Manager",
|
||||
company: "NextGen",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-business-woman-office-center_1303-29926.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia Park",
|
||||
role: "Design Lead",
|
||||
company: "Creative Hub",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Trust",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
{ value: "500", label: "Pro Players" },
|
||||
{ value: "95%", label: "Success" },
|
||||
{ value: "Top", label: "Tier" }
|
||||
]}
|
||||
title="Trusted Globally"
|
||||
description="Hear from the leaders in tech."
|
||||
title="Athlete Success"
|
||||
description="Voices from those who made the leap."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Base",
|
||||
price: "$99",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"Basic AI Access",
|
||||
"Email Support",
|
||||
"Community Access",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$299",
|
||||
subtitle: "For teams",
|
||||
features: [
|
||||
"Advanced AI Features",
|
||||
"Priority Support",
|
||||
"Unlimited Data",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Elite",
|
||||
price: "$999",
|
||||
subtitle: "For enterprises",
|
||||
features: [
|
||||
"Custom AI Models",
|
||||
"24/7 Dedicated Support",
|
||||
"Global Infrastructure",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "pro", badge: "Elite", price: "$500", subtitle: "Per person", features: ["Full training access", "Pro coaching", "Strategy sessions", "Conditioning program"],
|
||||
buttons: [{ text: "Join Now", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
title="Simple Pricing"
|
||||
description="Choose the tier that fits your growth."
|
||||
title="Pro Training"
|
||||
description="Complete development program."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -352,24 +133,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does NexAI differ?",
|
||||
content: "We offer unprecedented integration and ease of use.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is my data private?",
|
||||
content: "Absolutely. We employ zero-knowledge security protocols.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I integrate custom APIs?",
|
||||
content: "Yes, our platform is built for modular integration.",
|
||||
},
|
||||
{ id: "f1", title: "Is this for all ages?", content: "Focus is on high school and collegiate levels." },
|
||||
{ id: "f2", title: "Can I register as a team?", content: "Group pricing is available upon request." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about NexAI."
|
||||
title="FAQs"
|
||||
description="Get answers to your training questions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -377,42 +145,18 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Contact NexAI"
|
||||
description="Connect with our team to start your journey."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-diary-digital-tablet-pen-keyboard-coffee-cup-desk_23-2148061557.jpg"
|
||||
title="Contact Us"
|
||||
description="Start your hockey journey today."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ice-hockey-skater_1150-18560.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="NexAI"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
logoText="ProHockey"
|
||||
leftLink={{ text: "Privacy", href: "#" }}
|
||||
rightLink={{ text: "Terms", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user