Merge version_1 into main #1
@@ -1,6 +1,5 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import { useBlogPosts } from "@/hooks/useBlogPosts";
|
||||
|
||||
@@ -29,67 +28,69 @@ export default function BlogPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
{ name: "Features", id: "/#features" },
|
||||
{ name: "About", id: "/#about" },
|
||||
{ name: "Pricing", id: "/#pricing" },
|
||||
{ name: "FAQ", id: "/#faq" },
|
||||
{ name: "Contact", id: "/#contact" }
|
||||
]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{isLoading ? (
|
||||
<div className="w-content-width mx-auto py-20 text-center">
|
||||
<p className="text-foreground">Loading posts...</p>
|
||||
</div>
|
||||
) : (
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
blogs={posts}
|
||||
title="Latest Articles"
|
||||
description="Insights and updates from our team"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
{isLoading ? (
|
||||
<div className="w-content-width mx-auto py-20 text-center">
|
||||
<p className="text-foreground">Loading posts...</p>
|
||||
</div>
|
||||
) : (
|
||||
<div id="blog" data-section="blog">
|
||||
<BlogCardOne
|
||||
blogs={posts}
|
||||
title="Latest Articles"
|
||||
description="Insights and updates from our team"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Solutions", href: "#" }
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/#pricing" },
|
||||
{ label: "Solutions", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Blog", href: "#" }
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Careers", href: "/" },
|
||||
{ label: "Blog", href: "/blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Support", href: "#" }
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Documentation", href: "/" },
|
||||
{ label: "Support", href: "/" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</ReactLenis>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
179
src/app/page.tsx
179
src/app/page.tsx
@@ -29,164 +29,161 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{'name':'Features','id':'features'},{'name':'About','id':'about'},{'name':'Pricing','id':'pricing'},{'name':'FAQ','id':'faq'},{'name':'Contact','id':'contact'}]}
|
||||
brandName='AI Platform'
|
||||
bottomLeftText='Innovation Hub'
|
||||
bottomRightText='info@aiplatform.com'
|
||||
navItems={[{name:"Features",id:"features"},{name:"About",id:"about"},{name:"Pricing",id:"pricing"},{name:"FAQ",id:"faq"},{name:"Contact",id:"contact"}]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardDashboard
|
||||
title='Unleash the Power of Advanced AI'
|
||||
description='Revolutionize your operations with intelligent automation, real-time insights, and predictive analytics. Our platform empowers innovation.'
|
||||
background={{'variant':'radial-gradient'}}
|
||||
tag='Next-Gen AI'
|
||||
title="Unleash the Power of Advanced AI"
|
||||
description="Revolutionize your operations with intelligent automation, real-time insights, and predictive analytics. Our platform empowers innovation."
|
||||
background={{variant:"radial-gradient"}}
|
||||
tag="Next-Gen AI"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation='blur-reveal'
|
||||
buttons={[{'text':'Get Started','href':'#pricing'},{'text':'Explore Features','href':'#features'}]}
|
||||
buttonAnimation='slide-up'
|
||||
tagAnimation="blur-reveal"
|
||||
buttons={[{text:"Get Started",href:"#pricing"},{text:"Explore Features",href:"#features"}]}
|
||||
buttonAnimation="slide-up"
|
||||
dashboard={{
|
||||
'title':'AI Command Center',
|
||||
'logoIcon':Hexagon,
|
||||
'imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-futuristic-ai-dashboard-interface-with-1771651926555-f100c622.png',
|
||||
'buttons':[{'text':'Dashboard','href':'#'},{'text':'Analyze Data','href':'#'}],
|
||||
'sidebarItems':[{'icon':House,'active':true},{'icon':MessageSquareText},{'icon':Settings},{'icon':Bug}],
|
||||
'stats':[{'title':'Accuracy','values':[98.5,99.1,99.9],'valueSuffix':'%','description':'Precision in predictions.'},{'title':'Efficiency','values':[45,52,60],'valueSuffix':'%','description':'Operational savings.'},{'title':'Scalability','values':[100,200,500],'valueSuffix':'x','description':'Growth capacity.'}],
|
||||
'chartTitle':'Performance Trends',
|
||||
'chartData':[{'value':50},{'value':30},{'value':70},{'value':40},{'value':90}],
|
||||
'listTitle':'Recent Activities',
|
||||
'listItems':[{'icon':CircleDollarSign,'title':'Model Deployment','status':'Completed'},{'icon':ArrowLeftRight,'title':'Data Ingestion','status':'Processing'},{'icon':Send,'title':'API Integration','status':'Pending'}],
|
||||
'searchPlaceholder':'Search modules...'
|
||||
title:"AI Command Center", logoIcon:Hexagon,
|
||||
imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-futuristic-ai-dashboard-interface-with-1771651926555-f100c622.png", buttons:[{text:"Dashboard",href:"#"},{text:"Analyze Data",href:"#"}],
|
||||
sidebarItems:[{icon:House,active:true},{icon:MessageSquareText},{icon:Settings},{icon:Bug}],
|
||||
stats:[{title:"Accuracy",values:[98.5,99.1,99.9],valueSuffix:"%",description:"Precision in predictions."},{title:"Efficiency",values:[45,52,60],valueSuffix:"%",description:"Operational savings."},{title:"Scalability",values:[100,200,500],valueSuffix:"x",description:"Growth capacity."}],
|
||||
chartTitle:"Performance Trends", chartData:[{value:50},{value:30},{value:70},{value:40},{value:90}],
|
||||
listTitle:"Recent Activities", listItems:[{icon:CircleDollarSign,title:"Model Deployment",status:"Completed"},{icon:ArrowLeftRight,title:"Data Ingestion",status:"Processing"},{icon:Send,title:"API Integration",status:"Pending"}],
|
||||
searchPlaceholder:"Search modules..."
|
||||
}}
|
||||
ariaLabel='AI Platform Hero Section'
|
||||
ariaLabel="AI Platform Hero Section"
|
||||
titleClassName="text-balance"
|
||||
descriptionClassName="max-w-xl mx-auto"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
title='Intelligent Solutions, Simplified'
|
||||
description='Explore how our AI platform can transform your business with powerful, intuitive features designed for modern challenges.'
|
||||
animationType='blur-reveal'
|
||||
textboxLayout='default'
|
||||
title="Intelligent Solutions, Simplified"
|
||||
description="Explore how our AI platform can transform your business with powerful, intuitive features designed for modern challenges."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
tag='Key Features'
|
||||
tag="Key Features"
|
||||
tagIcon={Stars}
|
||||
features={[
|
||||
{'title':'Real-time Analytics','description':'Gain immediate, actionable insights from your data with advanced AI-driven analytics dashboards.','bentoComponent':'line-chart'},
|
||||
{'title':'Automated Workflows','description':'Streamline repetitive tasks and complex processes with intelligent automation that learns and adapts.','bentoComponent':'3d-stack-cards','items':[{'icon':Bot,'title':'Task Automation','subtitle':'Scheduled for review','detail':'Automate daily tasks.'},{'icon':CloudCog,'title':'System Monitoring','subtitle':'Alerts active','detail':'Monitor system health.'},{'icon':PlugZap,'title':'Integration Flow','subtitle':'Connected systems','detail':'Seamless integrations.'}]},
|
||||
{'title':'Predictive Modeling','description':'Leverage powerful machine learning models to forecast future trends and make data-driven decisions.','bentoComponent':'globe'},
|
||||
{'title':'Natural Language Processing','description':'Understand and process human language with unparalleled accuracy for chatbots, sentiment analysis, and more.','bentoComponent':'phone','statusIcon':Lock,'alertIcon':MessageCircle,'alertTitle':'New Message','alertMessage':'Your AI assistant has a new update.','apps':[{'name':'Chat AI','icon':MessageCircle},{'name':'Assistant','icon':Brain},{'name':'Translate','icon':Languages},{'name':'Sentiment','icon':Smile},{'name':'Summarize','icon':TextSelect},{'name':'Generate','icon':Sparkles},{'name':'Analyze','icon':BarChart3},{'name':'Voice AI','icon':Mic}]},
|
||||
{'title':'Seamless Integrations','description':'Connect effortlessly with your existing tools and services to create a unified ecosystem.','bentoComponent':'orbiting-icons','centerIcon':PlugZap,'items':[{'icon':Cloud,'ring':1},{'icon':Database,'ring':2},{'icon':Shield,'ring':3},{'icon':GitBranch,'ring':1},{'icon':Users,'ring':2},{'icon':Settings,'ring':3}]},
|
||||
{'title':'Custom AI Models','description':'Build and deploy custom AI models tailored to your unique business needs with our flexible platform.','bentoComponent':'chat','aiIcon':Bot,'userIcon':User,'exchanges':[{'userMessage':'How can AI help my business?','aiResponse':'AI can automate tasks, analyze data, and predict trends to boost efficiency and decision-making.'},{'userMessage':'What industries benefit most?','aiResponse':'Healthcare, finance, retail, and manufacturing often see significant gains from AI implementation.'}],'placeholder':'Ask your AI assistant...'}
|
||||
{title:"Real-time Analytics",description:"Gain immediate, actionable insights from your data with advanced AI-driven analytics dashboards.",bentoComponent:"line-chart"},
|
||||
{title:"Automated Workflows",description:"Streamline repetitive tasks and complex processes with intelligent automation that learns and adapts.",bentoComponent:"3d-stack-cards",items:[{icon:Bot,title:"Task Automation",subtitle:"Scheduled for review",detail:"Automate daily tasks."},{icon:CloudCog,title:"System Monitoring",subtitle:"Alerts active",detail:"Monitor system health."},{icon:PlugZap,title:"Integration Flow",subtitle:"Connected systems",detail:"Seamless integrations."}]},
|
||||
{title:"Predictive Modeling",description:"Leverage powerful machine learning models to forecast future trends and make data-driven decisions.",bentoComponent:"globe"},
|
||||
{title:"Natural Language Processing",description:"Understand and process human language with unparalleled accuracy for chatbots, sentiment analysis, and more.",bentoComponent:"phone",statusIcon:Lock,alertIcon:MessageCircle,alertTitle:"New Message",alertMessage:"Your AI assistant has a new update.",apps:[{name:"Chat AI",icon:MessageCircle},{name:"Assistant",icon:Brain},{name:"Translate",icon:Languages},{name:"Sentiment",icon:Smile},{name:"Summarize",icon:TextSelect},{name:"Generate",icon:Sparkles},{name:"Analyze",icon:BarChart3},{name:"Voice AI",icon:Mic}]},
|
||||
{title:"Seamless Integrations",description:"Connect effortlessly with your existing tools and services to create a unified ecosystem.",bentoComponent:"orbiting-icons",centerIcon:PlugZap,items:[{icon:Cloud,ring:1},{icon:Database,ring:2},{icon:Shield,ring:3},{icon:GitBranch,ring:1},{icon:Users,ring:2},{icon:Settings,ring:3}]},
|
||||
{title:"Custom AI Models",description:"Build and deploy custom AI models tailored to your unique business needs with our flexible platform.",bentoComponent:"chat",aiIcon:Bot,userIcon:User,exchanges:[{userMessage:"How can AI help my business?",aiResponse:"AI can automate tasks, analyze data, and predict trends to boost efficiency and decision-making."},{userMessage:"What industries benefit most?",aiResponse:"Healthcare, finance, retail, and manufacturing often see significant gains from AI implementation."}],placeholder:"Ask your AI assistant..."}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature-hover-pattern" data-section="feature-hover-pattern">
|
||||
<FeatureHoverPattern
|
||||
title='Why Choose Our AI?'
|
||||
description='Experience the difference with an AI platform built for performance, security, and ease of use.'
|
||||
animationType='scale-rotate'
|
||||
textboxLayout='default'
|
||||
title="Why Choose Our AI?"
|
||||
description="Experience the difference with an AI platform built for performance, security, and ease of use."
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
tag='Core Advantages'
|
||||
tag="Core Advantages"
|
||||
features={[
|
||||
{'icon':Brain,'title':'Intelligent Automation','description':'Automate complex workflows with AI that understands context and adapts to changing conditions.'},
|
||||
{'icon':ShieldCheck,'title':'Enterprise-Grade Security','description':'Protect your data with industry-leading security protocols and compliance standards.'},
|
||||
{'icon':Cloud,'title':'Scalable Infrastructure','description':'Grow without limits on a robust cloud-native architecture designed for high-performance AI workloads.'},
|
||||
{'icon':Palette,'title':'Intuitive User Experience','description':'Effortlessly manage your AI models and data through a clean, user-friendly interface.'}
|
||||
{icon:Brain,title:"Intelligent Automation",description:"Automate complex workflows with AI that understands context and adapts to changing conditions."},
|
||||
{icon:ShieldCheck,title:"Enterprise-Grade Security",description:"Protect your data with industry-leading security protocols and compliance standards."},
|
||||
{icon:Cloud,title:"Scalable Infrastructure",description:"Grow without limits on a robust cloud-native architecture designed for high-performance AI workloads."},
|
||||
{icon:Palette,title:"Intuitive User Experience",description:"Effortlessly manage your AI models and data through a clean, user-friendly interface."}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title='Driving Innovation with AI Excellence'
|
||||
title="Driving Innovation with AI Excellence"
|
||||
description="We are dedicated to pushing the boundaries of artificial intelligence, providing solutions that not only meet today's challenges but also anticipate tomorrow's opportunities. Our team of experts combines cutting-edge research with practical application to deliver tangible results for our clients."
|
||||
metrics={[{'value':'10M+','title':'Data points processed daily'},{'value':'99.9%','title':'Uptime for critical models'}]}
|
||||
metrics={[{value:"10M+",title:"Data points processed daily"},{value:"99.9%",title:"Uptime for critical models"}]}
|
||||
useInvertedBackground={true}
|
||||
tag='Our Mission'
|
||||
tag="Our Mission"
|
||||
tagIcon={Target}
|
||||
mediaAnimation='blur-reveal'
|
||||
imageSrc='https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/abstract-representation-of-data-flow-and-1771651926031-e2d48eed.png'
|
||||
imageAlt='Abstract AI processing nodes'
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/abstract-representation-of-data-flow-and-1771651926031-e2d48eed.png"
|
||||
imageAlt="Abstract AI processing nodes"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title='What Our Clients Say'
|
||||
description='Hear from leaders who have transformed their businesses with our AI solutions.'
|
||||
title="What Our Clients Say"
|
||||
description="Hear from leaders who have transformed their businesses with our AI solutions."
|
||||
testimonials={[
|
||||
{'id':'1','name':'Dr. Anya Sharma','handle':'CEO, Innovate AI','testimonial':'"This AI platform has revolutionized our data analysis, providing insights we never thought possible. A game-changer for our R&D."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-diverse-tec-1771651925947-66139489.png','imageAlt':'Dr. Anya Sharma'},
|
||||
{'id':'2','name':'Mark Thompson','handle':'CTO, Quantum Solutions','testimonial':'"The seamless integration and scalable performance allowed us to deploy complex models in record time. Truly impressed."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-an-experience-1771651926472-5da7f819.png','imageAlt':'Mark Thompson'},
|
||||
{'id':'3','name':'Sophia Lee','handle':'Head of Strategy, Synapse Corp','testimonial':'"Our operational efficiency has improved dramatically thanks to their intelligent automation. Exceptional support and innovation."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-marketing-d-1771651926517-cc4908cc.png','imageAlt':'Sophia Lee'},
|
||||
{'id':'4','name':'David Rodriguez','handle':'Founder, Apex Analytics','testimonial':'"The predictive capabilities of this platform are unmatched. It gives us a clear competitive edge in a fast-moving market."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-product-man-1771651926197-4cff1b52.png','imageAlt':'David Rodriguez'},
|
||||
{'id':'3-copy','name':'Sophia Lee','handle':'Head of Strategy, Synapse Corp','testimonial':'"Our operational efficiency has improved dramatically thanks to their intelligent automation. Exceptional support and innovation."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-marketing-d-1771651926517-cc4908cc.png','imageAlt':'Sophia Lee'},
|
||||
{'id':'4-copy','name':'David Rodriguez','handle':'Founder, Apex Analytics','testimonial':'"The predictive capabilities of this platform are unmatched. It gives us a clear competitive edge in a fast-moving market."','imageSrc':'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-product-man-1771651926197-4cff1b52.png','imageAlt':'David Rodriguez'}
|
||||
{id:"1",name:"Dr. Anya Sharma",handle:"CEO, Innovate AI",testimonial:"\"This AI platform has revolutionized our data analysis, providing insights we never thought possible. A game-changer for our R&D.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-diverse-tec-1771651925947-66139489.png",imageAlt:"Dr. Anya Sharma"},
|
||||
{id:"2",name:"Mark Thompson",handle:"CTO, Quantum Solutions",testimonial:"\"The seamless integration and scalable performance allowed us to deploy complex models in record time. Truly impressed.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-an-experience-1771651926472-5da7f819.png",imageAlt:"Mark Thompson"},
|
||||
{id:"3",name:"Sophia Lee",handle:"Head of Strategy, Synapse Corp",testimonial:"\"Our operational efficiency has improved dramatically thanks to their intelligent automation. Exceptional support and innovation.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-marketing-d-1771651926517-cc4908cc.png",imageAlt:"Sophia Lee"},
|
||||
{id:"4",name:"David Rodriguez",handle:"Founder, Apex Analytics",testimonial:"\"The predictive capabilities of this platform are unmatched. It gives us a clear competitive edge in a fast-moving market.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-product-man-1771651926197-4cff1b52.png",imageAlt:"David Rodriguez"},
|
||||
{id:"5",name:"Dr. Anya Sharma",handle:"CEO, Innovate AI",testimonial:"\"This AI platform has revolutionized our data analysis, providing insights we never thought possible. A game-changer for our R&D.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-a-diverse-tec-1771651925947-66139489.png",imageAlt:"Dr. Anya Sharma"},
|
||||
{id:"6",name:"Mark Thompson",handle:"CTO, Quantum Solutions",testimonial:"\"The seamless integration and scalable performance allowed us to deploy complex models in record time. Truly impressed.\"",imageSrc:"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_39tq5UL3ZF5QdvczvKsGdYlnvfi/a-professional-headshot-of-an-experience-1771651926472-5da7f819.png",imageAlt:"Mark Thompson"}
|
||||
]}
|
||||
animationType='slide-up'
|
||||
textboxLayout='default'
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={30}
|
||||
tag='Client Success'
|
||||
tag="Client Success"
|
||||
tagIcon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title='Flexible Plans for Every Need'
|
||||
description='Choose the perfect plan for your AI journey, from development to enterprise-scale deployment.'
|
||||
title="Flexible Plans for Every Need"
|
||||
description="Choose the perfect plan for your AI journey, from development to enterprise-scale deployment."
|
||||
plans={[
|
||||
{'id':'basic','badge':'Starter','price':'$49/mo','name':'Developer','buttons':[{'text':'Start Free Trial','href':'#'}],'features':['Basic AI Models','50 API Calls/min','Community Support','Standard Analytics Dashboard']},
|
||||
{'id':'pro','badge':'Most Popular','badgeIcon':Sparkles,'price':'$199/mo','name':'Professional','buttons':[{'text':'Choose Pro','href':'#'}],'features':['Advanced AI Models','200 API Calls/min','Priority Email Support','Customizable Analytics Dashboard','Automated Workflow Integration']},
|
||||
{'id':'enterprise','badge':'Custom','price':'Contact Us','name':'Enterprise','buttons':[{'text':'Contact Sales','href':'#'}],'features':['Fully Custom AI Solutions','Unlimited API Calls','Dedicated Account Manager','On-Premise Deployment Options','Advanced Security & Compliance']}
|
||||
{id:"basic",badge:"Starter",price:"$49/mo",name:"Developer",buttons:[{text:"Start Free Trial",href:"#"}],features:["Basic AI Models","50 API Calls/min","Community Support","Standard Analytics Dashboard"]},
|
||||
{id:"pro",badge:"Most Popular",badgeIcon:Sparkles,price:"$199/mo",name:"Professional",buttons:[{text:"Choose Pro",href:"#"}],features:["Advanced AI Models","200 API Calls/min","Priority Email Support","Customizable Analytics Dashboard","Automated Workflow Integration"]},
|
||||
{id:"enterprise",badge:"Custom",price:"Contact Us",name:"Enterprise",buttons:[{text:"Contact Sales",href:"#"}],features:["Fully Custom AI Solutions","Unlimited API Calls","Dedicated Account Manager","On-Premise Deployment Options","Advanced Security & Compliance"]}
|
||||
]}
|
||||
animationType='blur-reveal'
|
||||
textboxLayout='default'
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
tag='Pricing'
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
carouselMode='buttons'
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title='Common Questions'
|
||||
description='Find answers to frequently asked questions about our AI platform and services.'
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about our AI platform and services."
|
||||
faqs={[
|
||||
{'id':'1','title':'What kind of AI models do you offer?','content':'We offer a wide range of pre-trained models for various tasks like NLP, computer vision, and predictive analytics. We also support custom model development and deployment.'},
|
||||
{'id':'2','title':'How secure is my data on your platform?','content':'Data security is our top priority. We implement industry-leading encryption, access controls, and compliance certifications (e.g., ISO 27001, SOC 2) to protect your information.'},
|
||||
{'id':'3','title':'Can I integrate your AI with my existing systems?','content':'Yes, our platform is designed for seamless integration. We provide comprehensive APIs, SDKs, and connectors for popular business applications and cloud services.'},
|
||||
{'id':'4','title':'Do you offer support for custom AI development?','content':'Absolutely. Our expert team provides end-to-end support for custom AI model development, from data preparation and training to deployment and maintenance.'},
|
||||
{'id':'5','title':'What is the pricing model for your services?','content':'Our pricing is tiered, offering options from free trials and developer plans to professional and enterprise solutions. Visit our pricing page for detailed information or contact sales for custom quotes.'},
|
||||
{'id':'6','title':'How can I get started with your platform?','content':'You can sign up for a free trial directly from our website to explore our basic features. For more advanced needs, our sales team can guide you through the professional and enterprise options.'}
|
||||
{id:"1",title:"What kind of AI models do you offer?",content:"We offer a wide range of pre-trained models for various tasks like NLP, computer vision, and predictive analytics. We also support custom model development and deployment."},
|
||||
{id:"2",title:"How secure is my data on your platform?",content:"Data security is our top priority. We implement industry-leading encryption, access controls, and compliance certifications (e.g., ISO 27001, SOC 2) to protect your information."},
|
||||
{id:"3",title:"Can I integrate your AI with my existing systems?",content:"Yes, our platform is designed for seamless integration. We provide comprehensive APIs, SDKs, and connectors for popular business applications and cloud services."},
|
||||
{id:"4",title:"Do you offer support for custom AI development?",content:"Absolutely. Our expert team provides end-to-end support for custom AI model development, from data preparation and training to deployment and maintenance."},
|
||||
{id:"5",title:"What is the pricing model for your services?",content:"Our pricing is tiered, offering options from free trials and developer plans to professional and enterprise solutions. Visit our pricing page for detailed information or contact sales for custom quotes."},
|
||||
{id:"6",title:"How can I get started with your platform?",content:"You can sign up for a free trial directly from our website to explore our basic features. For more advanced needs, our sales team can guide you through the professional and enterprise options."}
|
||||
]}
|
||||
faqsAnimation='slide-up'
|
||||
textboxLayout='default'
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType='smooth'
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag='Get in Touch'
|
||||
tag="Get in Touch"
|
||||
tagIcon={Mail}
|
||||
title='Ready to Elevate with AI?'
|
||||
description='Connect with our experts to discuss your specific AI needs and discover how our platform can drive your success.'
|
||||
buttons={[{'text':'Schedule a Demo','href':'#'},{'text':'Contact Sales','href':'#'}]}
|
||||
buttonAnimation='blur-reveal'
|
||||
background={{'variant':'sparkles-gradient'}}
|
||||
title="Ready to Elevate with AI?"
|
||||
description="Connect with our experts to discuss your specific AI needs and discover how our platform can drive your success."
|
||||
buttons={[{text:"Schedule a Demo",href:"#"},{text:"Contact Sales",href:"#"}]}
|
||||
buttonAnimation="blur-reveal"
|
||||
background={{variant:"sparkles-gradient"}}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText='AI Platform'
|
||||
logoText="AI Platform"
|
||||
columns={[
|
||||
{'title':'Product','items':[{'label':'Features','href':'#features'},{'label':'Pricing','href':'#pricing'},{'label':'Solutions','href':'#'}]},
|
||||
{'title':'Company','items':[{'label':'About Us','href':'#about'},{'label':'Careers','href':'#'},{'label':'Blog','href':'#'}]},
|
||||
{'title':'Resources','items':[{'label':'FAQ','href':'#faq'},{'label':'Documentation','href':'#'},{'label':'Support','href':'#'}]}
|
||||
{title:"Product",items:[{label:"Features",href:"#features"},{label:"Pricing",href:"#pricing"},{label:"Solutions",href:"#"}]},
|
||||
{title:"Company",items:[{label:"About Us",href:"#about"},{label:"Careers",href:"#"},{label:"Blog",href:"#"}]},
|
||||
{title:"Resources",items:[{label:"FAQ",href:"#faq"},{label:"Documentation",href:"#"},{label:"Support",href:"#"}]}
|
||||
]}
|
||||
copyrightText='© 2024 AI Platform. All rights reserved.'
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
@@ -3,7 +3,6 @@
|
||||
|
||||
import { Suspense, use, useCallback } from "react";
|
||||
import { useRouter } from "next/navigation";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductDetailCard from "@/components/ecommerce/productDetail/ProductDetailCard";
|
||||
import ProductCart from "@/components/ecommerce/cart/ProductCart";
|
||||
@@ -75,6 +74,30 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
await checkout(getCheckoutItems(), { successUrl: currentUrl.toString() });
|
||||
}, [cartItems, checkout, getCheckoutItems]);
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/#pricing" },
|
||||
{ label: "Solutions", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Careers", href: "/" },
|
||||
{ label: "Blog", href: "/blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Documentation", href: "/" },
|
||||
{ label: "Support", href: "/" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -89,27 +112,25 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading product...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading product...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -128,35 +149,33 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<div className="text-center">
|
||||
<p className="text-foreground mb-4">Product not found</p>
|
||||
<button
|
||||
onClick={() => router.push("/shop")}
|
||||
className="primary-button px-6 py-2 rounded-theme"
|
||||
>
|
||||
Back to Shop
|
||||
</button>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<div className="text-center">
|
||||
<p className="text-foreground mb-4">Product not found</p>
|
||||
<button
|
||||
onClick={() => router.push("/shop")}
|
||||
className="primary-button px-6 py-2 rounded-theme"
|
||||
>
|
||||
Back to Shop
|
||||
</button>
|
||||
</div>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -174,60 +193,58 @@ function ProductPageContent({ params }: ProductPageProps) {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-detail-card" data-section="product-detail-card">
|
||||
<ProductDetailCard
|
||||
layout="page"
|
||||
name={product.name}
|
||||
price={product.price}
|
||||
salePrice={meta.salePrice}
|
||||
rating={product.rating || 0}
|
||||
description={product.description}
|
||||
images={images}
|
||||
variants={variants.length > 0 ? variants : undefined}
|
||||
quantity={quantityVariant}
|
||||
ribbon={meta.ribbon}
|
||||
inventoryStatus={meta.inventoryStatus}
|
||||
inventoryQuantity={meta.inventoryQuantity}
|
||||
sku={meta.sku}
|
||||
buttons={[
|
||||
{ text: "Add To Cart", onClick: handleAddToCart },
|
||||
{ text: "Buy Now", onClick: handleBuyNow },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-cart" data-section="product-cart">
|
||||
<ProductCart
|
||||
isOpen={cartOpen}
|
||||
onClose={() => setCartOpen(false)}
|
||||
items={cartItems}
|
||||
onQuantityChange={updateQuantity}
|
||||
onRemove={removeItem}
|
||||
total={`$${cartTotal}`}
|
||||
buttons={[
|
||||
{
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => setCartOpen(true) }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-detail-card" data-section="product-detail-card">
|
||||
<ProductDetailCard
|
||||
layout="page"
|
||||
name={product.name}
|
||||
price={product.price}
|
||||
salePrice={meta.salePrice}
|
||||
rating={product.rating || 0}
|
||||
description={product.description}
|
||||
images={images}
|
||||
variants={variants.length > 0 ? variants : undefined}
|
||||
quantity={quantityVariant}
|
||||
ribbon={meta.ribbon}
|
||||
inventoryStatus={meta.inventoryStatus}
|
||||
inventoryQuantity={meta.inventoryQuantity}
|
||||
sku={meta.sku}
|
||||
buttons={[
|
||||
{ text: "Add To Cart", onClick: handleAddToCart },
|
||||
{ text: "Buy Now", onClick: handleBuyNow },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-cart" data-section="product-cart">
|
||||
<ProductCart
|
||||
isOpen={cartOpen}
|
||||
onClose={() => setCartOpen(false)}
|
||||
items={cartItems}
|
||||
onQuantityChange={updateQuantity}
|
||||
onRemove={removeItem}
|
||||
total={`$${cartTotal}`}
|
||||
buttons={[
|
||||
{
|
||||
text: isCheckoutLoading ? "Processing..." : "Check Out", onClick: handleCheckout,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -1,7 +1,6 @@
|
||||
/* eslint-disable */
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
|
||||
import { useProductCatalog } from "@/hooks/useProductCatalog";
|
||||
@@ -17,6 +16,30 @@ export default function ShopPage() {
|
||||
filters,
|
||||
} = useProductCatalog({ basePath: "/shop" });
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/#features" },
|
||||
{ label: "Pricing", href: "/#pricing" },
|
||||
{ label: "Solutions", href: "/" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/#about" },
|
||||
{ label: "Careers", href: "/" },
|
||||
{ label: "Blog", href: "/blog" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "/#faq" },
|
||||
{ label: "Documentation", href: "/" },
|
||||
{ label: "Support", href: "/" }
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
if (isLoading) {
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -31,27 +54,25 @@ export default function ShopPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => {} }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading products...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => {} }}
|
||||
/>
|
||||
</div>
|
||||
<main className="min-h-screen flex items-center justify-center pt-20">
|
||||
<p className="text-foreground">Loading products...</p>
|
||||
</main>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -69,35 +90,33 @@ export default function ShopPage() {
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="navbar" data-section="navbar">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => {} }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={products}
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
searchPlaceholder="Search products..."
|
||||
filters={filters}
|
||||
emptyMessage="No products found"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={[]}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[{ name: "Home", id: "/" }, { name: "Shop", id: "/shop" }]}
|
||||
brandName="AI Platform"
|
||||
bottomLeftText="Innovation Hub"
|
||||
bottomRightText="info@aiplatform.com"
|
||||
button={{ text: "Cart", onClick: () => {} }}
|
||||
/>
|
||||
</div>
|
||||
<div id="product-catalog" data-section="product-catalog">
|
||||
<ProductCatalog
|
||||
layout="page"
|
||||
products={products}
|
||||
searchValue={search}
|
||||
onSearchChange={setSearch}
|
||||
searchPlaceholder="Search products..."
|
||||
filters={filters}
|
||||
emptyMessage="No products found"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="AI Platform"
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 AI Platform. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user