Merge version_1 into main #2
262
src/app/page.tsx
262
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Activity, Lightbulb, Monitor, ShieldCheck, Zap } from "lucide-react";
|
||||
import { Activity, Lightbulb, Monitor, ShieldCheck, Zap, BrainCircuit } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Auth",
|
||||
id: "auth",
|
||||
},
|
||||
{
|
||||
name: "Billing",
|
||||
id: "billing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Auth", id: "auth" },
|
||||
{ name: "Billing", id: "billing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AI Hub"
|
||||
/>
|
||||
@@ -59,18 +44,11 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Unleash the Power of AI Integration"
|
||||
description="Revolutionizing delivery through advanced model training, seamless API access, and custom UI integration for your business."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#auth",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/future-technology-background-with-circuit-pattern_107791-35419.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#auth" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/future-technology-background-with-circuit-pattern_107791-35419.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -81,53 +59,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "API Access",
|
||||
description: "High-throughput endpoints ready for enterprise integration.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg",
|
||||
title: "API Access", description: "High-throughput endpoints ready for enterprise integration.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-training-innovation-concept-with-futuristic-interface-screens_1134-352.jpg", imageAlt: "glassmorphism UI card technology"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Ultra-low latency",
|
||||
},
|
||||
{ icon: Zap, text: "Ultra-low latency" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/future-technology-background-with-circuit-pattern_107791-35419.jpg?_wi=2",
|
||||
imageAlt: "glassmorphism UI card technology",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Model Training",
|
||||
description: "Bespoke fine-tuning for specialized industry use cases.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg",
|
||||
title: "Model Training", description: "Bespoke fine-tuning for specialized industry use cases.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-abstract-phone-wallpaper-technology-concept-connecting-dots-design_53876-160212.jpg", imageAlt: "robotic hand ai connection"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: BrainCircuit,
|
||||
text: "Context aware",
|
||||
},
|
||||
{ icon: BrainCircuit, text: "Context aware" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-background-with-flowing-grid-design_1048-11491.jpg",
|
||||
imageAlt: "glassmorphism UI card technology",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "UI Integration",
|
||||
description: "Beautiful front-end interfaces powered by our back-end intelligence.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg",
|
||||
title: "UI Integration", description: "Beautiful front-end interfaces powered by our back-end intelligence.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sound-button-closeup-laptop-keyboard_169016-62909.jpg", imageAlt: "cyberpunk login interface"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Monitor,
|
||||
text: "Responsive dashboard",
|
||||
},
|
||||
{ icon: Monitor, text: "Responsive dashboard" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-integration-smartphone_23-2151977840.jpg",
|
||||
imageAlt: "glassmorphism UI card technology",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Seamless AI Delivery"
|
||||
description="Our core services designed to scale your operations."
|
||||
@@ -141,55 +98,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$49",
|
||||
subtitle: "Basic AI credits",
|
||||
features: [
|
||||
"1k API calls",
|
||||
"Email support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Pay Now",
|
||||
},
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$49", subtitle: "Basic AI credits", features: ["1k API calls", "Email support"],
|
||||
buttons: [{ text: "Pay Now" }]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Growth",
|
||||
price: "$199",
|
||||
subtitle: "Advanced tools",
|
||||
features: [
|
||||
"10k API calls",
|
||||
"Model training",
|
||||
"Priority support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Pay Now",
|
||||
},
|
||||
],
|
||||
id: "pro", badge: "Growth", price: "$199", subtitle: "Advanced tools", features: ["10k API calls", "Model training", "Priority support"],
|
||||
buttons: [{ text: "Pay Now" }]
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
badge: "Scalable",
|
||||
price: "$999",
|
||||
subtitle: "Full access",
|
||||
features: [
|
||||
"Unlimited calls",
|
||||
"Dedicated dev support",
|
||||
"Custom models",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Pay Now",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "enterprise", badge: "Scalable", price: "$999", subtitle: "Full access", features: ["Unlimited calls", "Dedicated dev support", "Custom models"],
|
||||
buttons: [{ text: "Pay Now" }]
|
||||
}
|
||||
]}
|
||||
title="Payment Module"
|
||||
description=" /* INSERT PAYMENT GATEWAY API (Stripe/PayPal) HERE */"
|
||||
description=""
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,27 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1M+",
|
||||
title: "API Calls",
|
||||
description: "Processed daily.",
|
||||
icon: Activity,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Models",
|
||||
description: "Successfully trained.",
|
||||
icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Uptime",
|
||||
description: "Always available.",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{ id: "m1", value: "1M+", title: "API Calls", description: "Processed daily.", icon: Activity },
|
||||
{ id: "m2", value: "500+", title: "Models", description: "Successfully trained.", icon: Lightbulb },
|
||||
{ id: "m3", value: "99.9%", title: "Uptime", description: "Always available.", icon: ShieldCheck }
|
||||
]}
|
||||
title="Our Scale"
|
||||
description="Global impact in numbers."
|
||||
@@ -231,15 +135,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Alpha",
|
||||
"Beta",
|
||||
"Gamma",
|
||||
"Delta",
|
||||
"Epsilon",
|
||||
"Zeta",
|
||||
"Eta",
|
||||
]}
|
||||
names={["Alpha", "Beta", "Gamma", "Delta", "Epsilon", "Zeta", "Eta"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Innovators using our AI services."
|
||||
/>
|
||||
@@ -249,31 +145,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-posing-with-laptop-classroom_23-2147666806.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-shooting-with-projector_23-2149424928.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg" },
|
||||
{ id: "2", name: "Mike C.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/student-posing-with-laptop-classroom_23-2147666806.jpg" },
|
||||
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" },
|
||||
{ id: "5", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-beautiful-woman-shooting-with-projector_23-2149424928.jpg" }
|
||||
]}
|
||||
cardTitle="Client Voices"
|
||||
cardTag="Stories"
|
||||
@@ -285,21 +161,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use military-grade encryption.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I custom train?",
|
||||
content: "Absolutely, our model lab supports full fine-tuning.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is integration easy?",
|
||||
content: "Our APIs are plug-and-play.",
|
||||
},
|
||||
{ id: "f1", title: "Is my data secure?", content: "Yes, we use military-grade encryption." },
|
||||
{ id: "f2", title: "Can I custom train?", content: "Absolutely, our model lab supports full fine-tuning." },
|
||||
{ id: "f3", title: "Is integration easy?", content: "Our APIs are plug-and-play." }
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -309,12 +173,10 @@ export default function LandingPage() {
|
||||
<div id="auth" data-section="auth">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Secure Hub"
|
||||
title="Auth & Register"
|
||||
description="Access your AI portal. /* INSERT AUTH API HERE */"
|
||||
description="Access your AI portal."
|
||||
inputPlaceholder="Enter your email for access"
|
||||
/>
|
||||
</div>
|
||||
@@ -322,9 +184,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Newsletter"
|
||||
title="Keep in Touch"
|
||||
description="Get latest AI updates."
|
||||
@@ -335,31 +195,17 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Models",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "API", href: "#" },
|
||||
{ label: "Models", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="AI Hub"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user