Update src/app/page.tsx
This commit is contained in:
@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import { Code, Monitor } from "lucide-react";
|
||||
import { Code, Monitor, Video, Camera, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -40,29 +40,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Unleash Infinite AI Creativity"
|
||||
description="Generate unlimited high-fidelity videos and photos instantly. Edit, animate, and export your vision with our pro-grade AI engine."
|
||||
title="Create Infinite Media with AI"
|
||||
description="Generate unlimited high-fidelity videos and photos instantly. Our professional suite supports developers, power users, and creators with limitless creative freedom."
|
||||
buttons={[
|
||||
{ text: "Get Started", href: "#pricing" },
|
||||
{ text: "Learn More", href: "#features" }
|
||||
{ text: "Explore Features", href: "#features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=1"
|
||||
imageAlt="AI generation dashboard UI"
|
||||
imageAlt="AI generation dashboard interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg", alt: "Portrait of handsome businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg", alt: "Smiling Hispanic female executive" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Smiling African American man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2004.jpg", alt: "Happy successful businessman" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Videographer smiling at camera" }
|
||||
]}
|
||||
avatarText="Join 10,000+ creators"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fast Renders" },
|
||||
{ type: "text-icon", text: "4K Quality", icon: Monitor },
|
||||
{ type: "text", text: "Global CDN" },
|
||||
{ type: "text-icon", text: "API Ready", icon: Code },
|
||||
{ type: "text", text: "Unlimited Access" }
|
||||
{ type: "text-icon", text: "Unlimited Photos", icon: Camera },
|
||||
{ type: "text-icon", text: "Unlimited Videos", icon: Video },
|
||||
{ type: "text-icon", text: "Developer API", icon: Code },
|
||||
{ type: "text-icon", text: "Video Editor", icon: Zap }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -73,12 +64,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "1", title: "Infinite Generation", tags: ["Unlimited", "Pro Only"], imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg?_wi=1" },
|
||||
{ id: "2", title: "Advanced Video Editor", tags: ["Paid Feature", "Studio"], imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg?_wi=1" },
|
||||
{ id: "3", title: "API Developer Access", tags: ["Developer", "Fast"], imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg?_wi=1" }
|
||||
{ id: "1", title: "Unlimited Content", tags: ["Photos", "Videos"], videoSrc: "", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg?_wi=1" },
|
||||
{ id: "2", title: "Pro Video Editor", tags: ["Paid Plan", "Advanced"], videoSrc: "", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg?_wi=1" },
|
||||
{ id: "3", title: "Unlimited Developer Mode", tags: ["API", "Unlimited"], videoSrc: "", imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg?_wi=1" }
|
||||
]}
|
||||
title="Power Your Creativity"
|
||||
description="Enterprise-grade AI tools designed for creators, developers, and studios."
|
||||
title="Designed for Creators & Devs"
|
||||
description="From high-quality image synthesis to full video production workflows, experience the power of unlimited AI."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,40 +80,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", tag: "Standard", price: "$29", period: "/mo", description: "Perfect for hobbyists and individual creators.", button: { text: "Get Starter" },
|
||||
featuresTitle: "Included", features: ["1000 AI Credits/mo", "Basic Video Editing", "Email Support"]
|
||||
id: "free", tag: "Starter", price: "$0", period: "/mo", description: "Jump into the world of AI generation for free.", button: { text: "Start Free" },
|
||||
featuresTitle: "Core Features", features: ["Basic Image Gen", "Limited Video Clips", "Community Access"]
|
||||
},
|
||||
{
|
||||
id: "pro", tag: "Unlimited", price: "$99", period: "/mo", description: "Professional unlimited access with full editing tools.", button: { text: "Get Unlimited" },
|
||||
featuresTitle: "All Starter +", features: ["Unlimited Video/Photos", "Pro Video Editor", "Priority Render Queue", "Developer API"]
|
||||
id: "pro", tag: "Pro", price: "$49", period: "/mo", description: "Unlock the full potential of our platform.", button: { text: "Get Unlimited" },
|
||||
featuresTitle: "Everything in Free +", features: ["Unlimited Video Generation", "Full Video Editor", "Unlimited Developer API", "Priority Support"]
|
||||
}
|
||||
]}
|
||||
title="Subscription Plans"
|
||||
description="Choose the right access tier for your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice W.", date: "Jan 2025", title: "Video Producer", quote: "The unlimited generation tier completely changed my workflow.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/business-man-banner-concept-with-copy-space_23-2149601461.jpg", imageSrc: "http://img.b2bpic.net/free-photo/senior-female-patient-taking-medical-history-data-with-test-results_482257-122752.jpg?_wi=2", imageAlt: "professional headshot" },
|
||||
{ id: "2", name: "Marcus B.", date: "Dec 2024", title: "Developer", quote: "API access is flawless for my custom projects.", tag: "Dev", avatarSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageSrc: "http://img.b2bpic.net/free-photo/view-tiny-music-boxes-collection_23-2150545669.jpg?_wi=2", imageAlt: "professional headshot" },
|
||||
{ id: "3", name: "Sarah J.", date: "Nov 2024", title: "Designer", quote: "The AI video editor is surprisingly intuitive.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/young-female-architect-looking-smiling-while-working-office-attractive-young-woman-studying-plans-new-office-building-sitting-desk-office_344912-79.jpg", imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003698.jpg?_wi=2", imageAlt: "professional headshot" },
|
||||
{ id: "4", name: "Tom K.", date: "Oct 2024", title: "Film Maker", quote: "Fast, reliable, and high quality.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-cameraman-doing-his-job_23-2149037894.jpg", imageSrc: "http://img.b2bpic.net/free-photo/fiber-optics-lights-abstract-background_23-2148241393.jpg?_wi=2", imageAlt: "professional headshot" },
|
||||
{ id: "5", name: "Elena R.", date: "Sep 2024", title: "Animator", quote: "Unlimited mode is a life saver for tight deadlines.", tag: "Pro", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170408.jpg", imageSrc: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg?_wi=1", imageAlt: "professional headshot" }
|
||||
]}
|
||||
title="Trusted by Pro Creators"
|
||||
description="Join thousands of creative professionals worldwide."
|
||||
title="Flexible Plans for Everyone"
|
||||
description="Choose the plan that best fits your creative journey."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Have specific requirements for your studio or enterprise?"
|
||||
title="Ready to Build?"
|
||||
description="Let us help you integrate our AI tools into your workflow or studio."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
@@ -138,10 +113,10 @@ export default function LandingPage() {
|
||||
logoText="GenAI Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [{ label: "API", href: "#" }, { label: "Pricing", href: "#pricing" }]
|
||||
title: "Product", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Privacy", href: "#" }]
|
||||
title: "Support", items: [{ label: "Contact", href: "#contact" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -149,4 +124,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user