Update src/app/page.tsx
This commit is contained in:
297
src/app/page.tsx
297
src/app/page.tsx
@@ -25,221 +25,100 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "tools",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
]}
|
||||
brandName="AI Workspace"
|
||||
button={{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tools", id: "tools" },
|
||||
{ name: "Features", id: "features" },
|
||||
]}
|
||||
brandName="AI Workspace"
|
||||
button={{ text: "Sign Up", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="AI Workspace 3.0"
|
||||
description="Your centralized hub for intelligent creation and productivity. Ask anything, automate everything."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Explore Tools",
|
||||
href: "#tools",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=1"
|
||||
imageAlt="AI Workspace Interface"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="AI Workspace 3.0"
|
||||
description="Your centralized hub for intelligent creation and productivity. Ask anything, automate everything."
|
||||
buttons={[{ text: "Get Started", href: "#" }, { text: "Explore Tools", href: "#tools" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg"
|
||||
imageAlt="AI Workspace Interface"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="tools" data-section="tools">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Docs",
|
||||
description: "Intelligent document generation and editing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=2",
|
||||
imageAlt: "Docs",
|
||||
},
|
||||
{
|
||||
title: "AI Slides",
|
||||
description: "Presentations created from simple prompts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=3",
|
||||
imageAlt: "Slides",
|
||||
},
|
||||
{
|
||||
title: "AI Designer",
|
||||
description: "Generate high-fidelity mockups in seconds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg?_wi=4",
|
||||
imageAlt: "Designer",
|
||||
},
|
||||
]}
|
||||
title="Universal AI Tools"
|
||||
description="Launch specialized AI modules instantly from your dashboard."
|
||||
/>
|
||||
</div>
|
||||
<div id="tools" data-section="tools">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "AI Docs", description: "Intelligent document generation and editing.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Docs" },
|
||||
{ title: "AI Slides", description: "Presentations created from simple prompts.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Slides" },
|
||||
{ title: "AI Designer", description: "Generate high-fidelity mockups in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-red-blue-neon-lights_181624-26202.jpg", imageAlt: "Designer" }
|
||||
]}
|
||||
title="Universal AI Tools"
|
||||
description="Launch specialized AI modules instantly from your dashboard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Meeting Bot",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=1",
|
||||
imageAlt: "Meeting Bot",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Data Analyst",
|
||||
price: "Active",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=2",
|
||||
imageAlt: "Analyst",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Voice Clone",
|
||||
price: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=3",
|
||||
imageAlt: "Voice",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Image Editor",
|
||||
price: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=4",
|
||||
imageAlt: "Editor",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Doc Scanner",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=5",
|
||||
imageAlt: "Scanner",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Music Gen",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg?_wi=6",
|
||||
imageAlt: "Music",
|
||||
},
|
||||
]}
|
||||
title="Featured Add-ons"
|
||||
description="Enhance your workflow with advanced smart integrations."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<ProductCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "p1", name: "Meeting Bot", price: "Active", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Meeting Bot" },
|
||||
{ id: "p2", name: "Data Analyst", price: "Active", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Analyst" },
|
||||
{ id: "p3", name: "Voice Clone", price: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Voice" },
|
||||
{ id: "p4", name: "Image Editor", price: "Pro", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Editor" },
|
||||
{ id: "p5", name: "Doc Scanner", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Scanner" },
|
||||
{ id: "p6", name: "Music Gen", price: "Free", imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5469.jpg", imageAlt: "Music" }
|
||||
]}
|
||||
title="Featured Add-ons"
|
||||
description="Enhance your workflow with advanced smart integrations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about getting started with our workspace."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "We use enterprise-grade encryption for all your workspace data.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate with my existing tools?",
|
||||
content: "Yes, we support over 50+ integrations with popular platforms.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer a free trial?",
|
||||
content: "Yes, get started for free today with no credit card required.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "How does the AI assistant work?",
|
||||
content: "Our AI uses advanced LLMs to help streamline your daily tasks.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about getting started with our workspace."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Is my data secure?", content: "We use enterprise-grade encryption for all your workspace data." },
|
||||
{ id: "f2", title: "Can I integrate with my existing tools?", content: "Yes, we support over 50+ integrations with popular platforms." },
|
||||
{ id: "f3", title: "Do you offer a free trial?", content: "Yes, get started for free today with no credit card required." },
|
||||
{ id: "f4", title: "How does the AI assistant work?", content: "Our AI uses advanced LLMs to help streamline your daily tasks." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get In Touch"
|
||||
title="Stay updated"
|
||||
description="Subscribe to our newsletter for the latest AI productivity tips."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Stay updated"
|
||||
description="Subscribe to our newsletter for the latest AI productivity tips."
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Tools",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Press",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="AI Workspace"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Products", href: "#" }, { label: "Tools", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ items: [{ label: "Blog", href: "#" }, { label: "Press", href: "#" }, { label: "Privacy", href: "#" }] }
|
||||
]}
|
||||
logoText="AI Workspace"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user