Merge version_1 into main #1
303
src/app/page.tsx
303
src/app/page.tsx
@@ -29,26 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="AI Future"
|
||||
/>
|
||||
@@ -56,62 +41,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Build AI Powered Future"
|
||||
description="Unlock infinite possibilities with our advanced automation, intelligent chatbots, and bespoke smart solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/conceptual-3d-illustration-man-doing-kettlebell-squat_183364-124132.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg",
|
||||
alt: "3d rendering of holographic layering",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124099.jpg",
|
||||
alt: "Conceptual 3D illustration of a cyclist motion design with trails",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg",
|
||||
alt: "3D abstract man doing kettlebells",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg",
|
||||
alt: "Person suffering from technology addiction and cybersickness",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/illustration-robot_53876-5576.jpg",
|
||||
alt: "Illustration of robot",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-holographic-layering_23-2150491099.jpg", alt: "3d rendering of holographic layering" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/conceptual-3d-illustration-cyclist-motion-design-with-trails_183364-124099.jpg", alt: "Conceptual 3D illustration of a cyclist motion design with trails" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg", alt: "3D abstract man doing kettlebells" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-suffering-from-technology-addiction-cybersickness_23-2151552614.jpg", alt: "Person suffering from technology addiction and cybersickness" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/illustration-robot_53876-5576.jpg", alt: "Illustration of robot" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Neural Network Optimized",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scale Global Infrastructure",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time AI Processing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Automated Workflow Engine",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intelligent Data Analytics",
|
||||
},
|
||||
{ type: "text", text: "Neural Network Optimized" },
|
||||
{ type: "text", text: "Scale Global Infrastructure" },
|
||||
{ type: "text", text: "Real-time AI Processing" },
|
||||
{ type: "text", text: "Automated Workflow Engine" },
|
||||
{ type: "text", text: "Intelligent Data Analytics" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,36 +70,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Automation",
|
||||
title: "AI Workflow Automation",
|
||||
items: [
|
||||
"Task management",
|
||||
"Automatic routing",
|
||||
"Data entry automation",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Chatbots",
|
||||
title: "Intelligent Chatbot Dev",
|
||||
items: [
|
||||
"NLP Integration",
|
||||
"24/7 Support Bots",
|
||||
"Sales-focused bots",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "API Integration",
|
||||
title: "Seamless API Integrations",
|
||||
items: [
|
||||
"Third-party connections",
|
||||
"Legacy system bridges",
|
||||
"Scalable cloud stacks",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Automation", title: "AI Workflow Automation", items: ["Task management", "Automatic routing", "Data entry automation"] },
|
||||
{ id: "f2", label: "Chatbots", title: "Intelligent Chatbot Dev", items: ["NLP Integration", "24/7 Support Bots", "Sales-focused bots"] },
|
||||
{ id: "f3", label: "API Integration", title: "Seamless API Integrations", items: ["Third-party connections", "Legacy system bridges", "Scalable cloud stacks"] }
|
||||
]}
|
||||
title="Core AI Services"
|
||||
description="Scalable, high-impact AI infrastructure for modern businesses."
|
||||
@@ -165,60 +86,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Fintech",
|
||||
name: "AutoTrade AI",
|
||||
price: "High Impact",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Health",
|
||||
name: "MedBot Core",
|
||||
price: "Enterprise",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Retail",
|
||||
name: "ShopSense AI",
|
||||
price: "Scalable",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-indoors_23-2150405632.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Logistics",
|
||||
name: "ShipSmart",
|
||||
price: "Optimization",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Media",
|
||||
name: "TrendVision",
|
||||
price: "Predictive",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301599.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Security",
|
||||
name: "SecureAI",
|
||||
price: "Advanced",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Fintech", name: "AutoTrade AI", price: "High Impact", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-smartphone_23-2150671596.jpg" },
|
||||
{ id: "p2", brand: "Health", name: "MedBot Core", price: "Enterprise", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/close-up-accounting-sales-statistics-computer-display_482257-122982.jpg" },
|
||||
{ id: "p3", brand: "Retail", name: "ShopSense AI", price: "Scalable", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-indoors_23-2150405632.jpg" },
|
||||
{ id: "p4", brand: "Logistics", name: "ShipSmart", price: "Optimization", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-freelance-developer-using-desktop-monitor_482257-131138.jpg" },
|
||||
{ id: "p5", brand: "Media", name: "TrendVision", price: "Predictive", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301599.jpg" },
|
||||
{ id: "p6", brand: "Security", name: "SecureAI", price: "Advanced", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-with-papers-notes-office_23-2149749879.jpg" }
|
||||
]}
|
||||
title="Selected Projects"
|
||||
description="Showcasing high-fidelity AI products built for enterprise."
|
||||
@@ -227,58 +100,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pr1",
|
||||
tag: "Starter",
|
||||
price: "$1,999",
|
||||
period: "/mo",
|
||||
description: "Perfect for small experiments.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Bot Dev",
|
||||
"Basic API",
|
||||
"Community Support",
|
||||
],
|
||||
id: "pr1", tag: "Starter", price: "$1,999", period: "/mo", description: "Perfect for small experiments.", button: { text: "Get Started" },
|
||||
featuresTitle: "Included", features: ["Bot Dev", "Basic API", "Community Support"]
|
||||
},
|
||||
{
|
||||
id: "pr2",
|
||||
tag: "Pro",
|
||||
price: "$4,999",
|
||||
period: "/mo",
|
||||
description: "Designed for scaling enterprises.",
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Everything in Starter",
|
||||
"Advanced NLP",
|
||||
"24/7 Priority",
|
||||
"Custom Dev",
|
||||
],
|
||||
id: "pr2", tag: "Pro", price: "$4,999", period: "/mo", description: "Designed for scaling enterprises.", button: { text: "Get Started" },
|
||||
featuresTitle: "Included", features: ["Everything in Starter", "Advanced NLP", "24/7 Priority", "Custom Dev"]
|
||||
},
|
||||
{
|
||||
id: "pr3",
|
||||
tag: "Elite",
|
||||
price: "Custom",
|
||||
period: "",
|
||||
description: "Full-scale custom implementation.",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Everything in Pro",
|
||||
"On-Prem Deployment",
|
||||
"Personal Account Manager",
|
||||
],
|
||||
},
|
||||
id: "pr3", tag: "Elite", price: "Custom", period: "", description: "Full-scale custom implementation.", button: { text: "Contact Us" },
|
||||
featuresTitle: "Included", features: ["Everything in Pro", "On-Prem Deployment", "Personal Account Manager"]
|
||||
}
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Choose the right tier for your growth goals."
|
||||
@@ -291,41 +128,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Transformed our operations completely.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Zhou",
|
||||
handle: "@dzhou",
|
||||
testimonial: "Incredible API integration speeds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Blunt",
|
||||
handle: "@eblunt",
|
||||
testimonial: "The best chatbot dev team ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Ronson",
|
||||
handle: "@mronson",
|
||||
testimonial: "Scaling became a breeze with them.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Alice Wong",
|
||||
handle: "@awong",
|
||||
testimonial: "Highly recommended for AI needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@smiller", testimonial: "Transformed our operations completely.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-handsome-afro-american-male-elegant-brown-jacket-hat-isolated-dark-background_613910-17815.jpg" },
|
||||
{ id: "t2", name: "David Zhou", handle: "@dzhou", testimonial: "Incredible API integration speeds.", imageSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10390.jpg" },
|
||||
{ id: "t3", name: "Emily Blunt", handle: "@eblunt", testimonial: "The best chatbot dev team ever.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66975.jpg" },
|
||||
{ id: "t4", name: "Mark Ronson", handle: "@mronson", testimonial: "Scaling became a breeze with them.", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg" },
|
||||
{ id: "t5", name: "Alice Wong", handle: "@awong", testimonial: "Highly recommended for AI needs.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-posing_23-2149457736.jpg" }
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Hear what our clients say about our AI solutions."
|
||||
@@ -335,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated-grid" }}
|
||||
tag="Contact"
|
||||
title="Let's Build AI"
|
||||
description="Ready to transform your business? Get a free consultation today."
|
||||
@@ -351,32 +156,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="AI Future"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Documentation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Blog", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Documentation", href: "#" }, { label: "Contact", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 AI Future Inc."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user