Merge version_1 into main #2
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="OmniAI"
|
||||
/>
|
||||
@@ -58,71 +46,21 @@ export default function LandingPage() {
|
||||
title="Unleash Your Creativity with OmniAI"
|
||||
description="The most powerful AI platform to generate stunning images, professional videos, and insightful answers to all your questions."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "OmniAI changed my workflow. Generating video has never been this fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-1552.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark D.",
|
||||
handle: "@markd",
|
||||
testimonial: "The image quality is absolutely top-tier. Best AI tool I've used.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg",
|
||||
},
|
||||
{
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "I use it for research daily. Always reliable and fast.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62545.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex K.",
|
||||
handle: "@alexk",
|
||||
testimonial: "Premium plan is worth every penny for the video tools.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jenny L.",
|
||||
handle: "@jennyl",
|
||||
testimonial: "Incredible accuracy in generating complex answers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-designer-wears-sailor-sweater-keeps-hands-table-uses-crayons-drawing-masterpiece-smiles-broadly-enjoys-takeaway-coffee-isolated-pink-wall-with-free-space-text_273609-29139.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarah", testimonial: "OmniAI changed my workflow. Generating video has never been this fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-1552.jpg" },
|
||||
{ name: "Mark D.", handle: "@markd", testimonial: "The image quality is absolutely top-tier. Best AI tool I've used.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-man-flannel-suit-glasses-listening-music_613910-12191.jpg" },
|
||||
{ name: "Emily R.", handle: "@emilyr", testimonial: "I use it for research daily. Always reliable and fast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62545.jpg" },
|
||||
{ name: "Alex K.", handle: "@alexk", testimonial: "Premium plan is worth every penny for the video tools.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-male-professional-works-desk-corporation_482257-122689.jpg" },
|
||||
{ name: "Jenny L.", handle: "@jennyl", testimonial: "Incredible accuracy in generating complex answers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-designer-wears-sailor-sweater-keeps-hands-table-uses-crayons-drawing-masterpiece-smiles-broadly-enjoys-takeaway-coffee-isolated-pink-wall-with-free-space-text_273609-29139.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Started", href: "#pricing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg"
|
||||
imageAlt="AI Neural Network background"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg",
|
||||
alt: "user profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg",
|
||||
alt: "user profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-detailed-low-poly-design_1048-14245.jpg",
|
||||
alt: "user profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg",
|
||||
alt: "user profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg",
|
||||
alt: "user profile 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/geometric-bokeh_1017-3221.jpg", alt: "user profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-low-poly-network-communications-design_1048-13796.jpg", alt: "user profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-detailed-low-poly-design_1048-14245.jpg", alt: "user profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-abstract-data-technology-background-with-low-poly-plexus-design_1048-17287.jpg", alt: "user profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-digital-background-with-connecting-lines-dots_1048-11639.jpg", alt: "user profile 5" }
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ creators"
|
||||
/>
|
||||
@@ -134,20 +72,11 @@ export default function LandingPage() {
|
||||
title="Transforming Complexity into Clarity"
|
||||
description="OmniAI integrates world-class neural networks to solve your most challenging tasks."
|
||||
metrics={[
|
||||
{
|
||||
value: "10M+",
|
||||
title: "Images Created",
|
||||
},
|
||||
{
|
||||
value: "500K+",
|
||||
title: "Videos Rendered",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
title: "Accuracy Rate",
|
||||
},
|
||||
{ value: "10M+", title: "Images Created" },
|
||||
{ value: "500K+", title: "Videos Rendered" },
|
||||
{ value: "99.9%", title: "Accuracy Rate" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="blur-reveal"
|
||||
imageAlt="ai analytics dashboard dark"
|
||||
@@ -161,29 +90,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Image Generation",
|
||||
description: "Create high-res visuals instantly.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/body-temperature-coronavirus-pandemic-thermal-image_53876-96156.jpg",
|
||||
imageAlt: "ai image generation interface",
|
||||
title: "Image Generation", description: "Create high-res visuals instantly.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Video Production",
|
||||
description: "Premium AI-driven video synthesis.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Film,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-low-poly-design_1048-5834.jpg?_wi=2",
|
||||
imageAlt: "ai image generation interface",
|
||||
title: "Video Production", description: "Premium AI-driven video synthesis.", bentoComponent: "reveal-icon", icon: Film
|
||||
},
|
||||
{
|
||||
title: "Smart Chat",
|
||||
description: "Precise answers to any question.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: MessageSquare,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg?_wi=2",
|
||||
imageAlt: "ai image generation interface",
|
||||
},
|
||||
title: "Smart Chat", description: "Precise answers to any question.", bentoComponent: "reveal-icon", icon: MessageSquare
|
||||
}
|
||||
]}
|
||||
title="Comprehensive AI Solutions"
|
||||
description="From text-based reasoning to high-fidelity video production, OmniAI handles it all."
|
||||
@@ -197,54 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Basic",
|
||||
price: "$9/mo",
|
||||
features: [
|
||||
"Unlimited Chat",
|
||||
"High Res Images",
|
||||
"Standard Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Basic",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "basic", name: "Basic", price: "$9/mo", features: ["Unlimited Chat", "High Res Images", "Standard Support"],
|
||||
buttons: [{ text: "Choose Basic", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "Premium",
|
||||
price: "$29/mo",
|
||||
features: [
|
||||
"All Basic Features",
|
||||
"AI Video Generation",
|
||||
"Priority Rendering",
|
||||
"Advanced API",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Premium",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "premium", name: "Premium", price: "$29/mo", features: ["All Basic Features", "AI Video Generation", "Priority Rendering", "Advanced API"],
|
||||
buttons: [{ text: "Choose Premium", href: "#" }]
|
||||
},
|
||||
{
|
||||
id: "annual",
|
||||
name: "Annual (Save 20%)",
|
||||
price: "$299/yr",
|
||||
features: [
|
||||
"Full Premium Features",
|
||||
"Yearly Savings",
|
||||
"Dedicated Support",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Annual",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
id: "annual", name: "Annual (Save 20%)", price: "$299/yr", features: ["Full Premium Features", "Yearly Savings", "Dedicated Support"],
|
||||
buttons: [{ text: "Choose Annual", href: "#" }]
|
||||
}
|
||||
]}
|
||||
title="Flexible Plans for Everyone"
|
||||
description="Choose the perfect plan to boost your productivity."
|
||||
@@ -255,36 +132,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg",
|
||||
imageAlt: "professional male headshot dark",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5218.jpg",
|
||||
imageAlt: "professional female headshot dark",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
|
||||
imageAlt: "developer headshot studio light",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg",
|
||||
imageAlt: "female business leader portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jenny L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-holding-his-tablet-computer-looking-aside_342744-400.jpg",
|
||||
imageAlt: "tech professional dark background",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/manager-paying-attention-conference-room_1098-4081.jpg", imageAlt: "professional male headshot dark" },
|
||||
{ id: "2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-looking-camera-home_1301-5218.jpg", imageAlt: "professional female headshot dark" },
|
||||
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg", imageAlt: "developer headshot studio light" },
|
||||
{ id: "4", name: "Alex K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-confident-business-leader_1262-4808.jpg", imageAlt: "female business leader portrait" },
|
||||
{ id: "5", name: "Jenny L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-holding-his-tablet-computer-looking-aside_342744-400.jpg", imageAlt: "tech professional dark background" }
|
||||
]}
|
||||
cardTitle="What Users Say"
|
||||
cardTag="Testimonials"
|
||||
@@ -296,15 +148,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Google",
|
||||
"Microsoft",
|
||||
"OpenAI",
|
||||
"Meta",
|
||||
"Adobe",
|
||||
"Nvidia",
|
||||
"Unity",
|
||||
]}
|
||||
names={["Google", "Microsoft", "OpenAI", "Meta", "Adobe", "Nvidia", "Unity"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our platform powers creative teams globally."
|
||||
/>
|
||||
@@ -315,21 +159,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Can I cancel my subscription?",
|
||||
content: "Yes, you can cancel your monthly or yearly plan at any time.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is there a limit on image generation?",
|
||||
content: "Basic plans have generous monthly limits, Premium plans provide more.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What video formats are supported?",
|
||||
content: "We support MP4, MOV, and AVI for all your AI video needs.",
|
||||
},
|
||||
{ id: "q1", title: "Can I cancel my subscription?", content: "Yes, you can cancel your monthly or yearly plan at any time." },
|
||||
{ id: "q2", title: "Is there a limit on image generation?", content: "Basic plans have generous monthly limits, Premium plans provide more." },
|
||||
{ id: "q3", title: "What video formats are supported?", content: "We support MP4, MOV, and AVI for all your AI video needs." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get quick answers to all your questions."
|
||||
@@ -343,9 +175,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Stay Updated with OmniAI"
|
||||
description="Join our newsletter for the latest AI trends and features."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-background-with-patterned-glass-texture_53876-134131.jpg"
|
||||
@@ -360,45 +190,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-vector/flat-design-ai-logo-template-collection_23-2148905075.jpg"
|
||||
logoText="OmniAI"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
imageAlt="futuristic ai logo symbol"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user