Update src/app/page.tsx
This commit is contained in:
131
src/app/page.tsx
131
src/app/page.tsx
@@ -13,7 +13,6 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
|
||||
export default function LandingPage() {
|
||||
const handlePayment = (planId: string) => {
|
||||
// Implementation for payment gateway redirection
|
||||
window.location.href = `/api/checkout?plan=${planId}`;
|
||||
};
|
||||
|
||||
@@ -34,60 +33,51 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "PREVIEW MODE ACTIVE", id: "#" }
|
||||
]}
|
||||
brandName="LuminaWrite"
|
||||
button={{
|
||||
text: "Launch App", href: "/dashboard"}}
|
||||
text: "Launch App", href: "/dashboard" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Your AI-Powered Writing Co-Pilot."
|
||||
title="PREVIEW: Your AI-Powered Writing Co-Pilot."
|
||||
description="Summarize endless notes into clarity in seconds. Transform your thoughts into polished text with LuminaWrite."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers", handle: "@arivers", testimonial: "LuminaWrite cut my note-taking time by 80%. It's an absolute game-changer for my research workflow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg"},
|
||||
name: "Alex Rivers", handle: "@arivers", testimonial: "LuminaWrite cut my note-taking time by 80%. It's an absolute game-changer for my research workflow.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-businessman-black-wall_176420-3460.jpg" },
|
||||
{
|
||||
name: "Jamie Lee", handle: "@jlee", testimonial: "The summarization engine is scarily accurate. I never have to manually clean up my meeting notes anymore.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg"},
|
||||
name: "Jamie Lee", handle: "@jlee", testimonial: "The summarization engine is scarily accurate. I never have to manually clean up my meeting notes anymore.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241320.jpg" },
|
||||
{
|
||||
name: "Morgan Chen", handle: "@mchen", testimonial: "Finally, a writing tool that understands nuance. The pro features are well worth the $9.", rating: 5,
|
||||
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"},
|
||||
name: "Morgan Chen", handle: "@mchen", testimonial: "Finally, a writing tool that understands nuance. The pro features are well worth the $9.", rating: 5,
|
||||
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" },
|
||||
{
|
||||
name: "Sam Taylor", handle: "@staylor", testimonial: "Pro-tier summarization has become an indispensable part of my daily creative process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-576.jpg"},
|
||||
name: "Sam Taylor", handle: "@staylor", testimonial: "Pro-tier summarization has become an indispensable part of my daily creative process.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-576.jpg" },
|
||||
{
|
||||
name: "Casey P.", handle: "@caseyp", testimonial: "Incredible accuracy. The UI is just beautiful and makes working for hours feel like a breeze.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg"},
|
||||
name: "Casey P.", handle: "@caseyp", testimonial: "Incredible accuracy. The UI is just beautiful and makes working for hours feel like a breeze.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-20093.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "/dashboard"},
|
||||
{
|
||||
text: "View Demo", href: "#features"},
|
||||
{ text: "Get Started", href: "/dashboard" },
|
||||
{ text: "View Demo", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/financial-program-user-interface-pc-screen-home-office-desk_482257-118861.jpg"
|
||||
imageAlt="AI Writing Assistant Dashboard"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5362.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-businesswoman-glasses-white-blouse-black-skirt-against-dark-background-successful-woman-stylish-girl-concept_627829-13916.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", alt: "User 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5362.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-portrait-blonde-businesswoman-glasses-white-blouse-black-skirt-against-dark-background-successful-woman-stylish-girl-concept_627829-13916.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-bearded-hipster-male-dressed-suit-sunglasses-dark-grey-background_613910-4689.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15119.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947439.jpg", alt: "User 5" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,11 +90,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Summarization", description: "Paste any length of content and get concise, accurate summaries in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet_93675-130418.jpg"},
|
||||
title: "Instant Summarization", description: "Paste any length of content and get concise, accurate summaries in seconds.", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-tablet_93675-130418.jpg" },
|
||||
{
|
||||
title: "Advanced AI Models", description: "Leverage next-gen LLMs tailored specifically for document comprehension and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/expert-photo-editor-enhancing-images-using-graphic-tablet-studio-close-up_482257-121735.jpg"},
|
||||
title: "Advanced AI Models", description: "Leverage next-gen LLMs tailored specifically for document comprehension and clarity.", imageSrc: "http://img.b2bpic.net/free-photo/expert-photo-editor-enhancing-images-using-graphic-tablet-studio-close-up_482257-121735.jpg" },
|
||||
{
|
||||
title: "Unlimited Context", description: "Handle large-scale documents effortlessly. Upgrade to Pro for infinite summarization capability.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg"},
|
||||
title: "Unlimited Context", description: "Handle large-scale documents effortlessly. Upgrade to Pro for infinite summarization capability.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-hand-interacting-with-digital-neural-network_23-2152029072.jpg" },
|
||||
]}
|
||||
title="Designed for Deep Productivity"
|
||||
description="LuminaWrite uses advanced models to parse long-form content, extracting actionable insights and key takeaways automatically."
|
||||
@@ -118,21 +108,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "Get started with basics", buttons: [
|
||||
{
|
||||
text: "Get Started", onClick: () => window.location.href = "/signup"},
|
||||
id: "free", badge: "Free", price: "$0", subtitle: "Get started with basics", buttons: [
|
||||
{ text: "Get Started", onClick: () => window.location.href = "/signup" },
|
||||
],
|
||||
features: [
|
||||
"30 summaries/month", "Basic writing modes", "Standard support"],
|
||||
features: [ "30 summaries/month", "Basic writing modes", "Standard support" ],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Pro", price: "$9/month", subtitle: "Unlock full power", buttons: [
|
||||
{
|
||||
text: "Upgrade to Pro", onClick: () => handlePayment("pro"),
|
||||
},
|
||||
id: "pro", badge: "Pro", price: "$9/month", subtitle: "Unlock full power", buttons: [
|
||||
{ text: "Upgrade to Pro", onClick: () => handlePayment("pro") },
|
||||
],
|
||||
features: [
|
||||
"Unlimited summaries", "Advanced writing modes", "Priority processing", "Custom export formats"],
|
||||
features: [ "Unlimited summaries", "Advanced writing modes", "Priority processing", "Custom export formats" ],
|
||||
},
|
||||
]}
|
||||
title="Simple, Transparent Pricing"
|
||||
@@ -147,16 +132,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Thorne, Research Lead"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-544.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-black-freelancer-laying-sofa-texting-phone_482257-126547.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-reading-mails-laptop-sitting-desk-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime_482257-13419.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947441.jpg", alt: "User 5"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/picture-elegant-young-fashion-man_158595-544.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-black-freelancer-laying-sofa-texting-phone_482257-126547.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-business-woman-smiling-camera-after-reading-mails-laptop-sitting-desk-start-up-company-late-night-focused-employee-using-technology-network-wireless-doing-overtime_482257-13419.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-organizing-live-shop_23-2149947441.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -169,11 +149,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is my data private?", content: "Absolutely. We treat your documents with end-to-end security and never train on your private data."},
|
||||
id: "1", title: "Is my data private?", content: "Absolutely. We treat your documents with end-to-end security and never train on your private data." },
|
||||
{
|
||||
id: "2", title: "How does the Pro plan work?", content: "$9/month gives you unlimited summaries and our most advanced writing modes for professional results."},
|
||||
id: "2", title: "How does the Pro plan work?", content: "$9/month gives you unlimited summaries and our most advanced writing modes for professional results." },
|
||||
{
|
||||
id: "3", title: "Can I cancel anytime?", content: "Yes, you have full control over your subscription in the dashboard settings."},
|
||||
id: "3", title: "Can I cancel anytime?", content: "Yes, you have full control over your subscription in the dashboard settings." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/paper-cut-abstract-background-3d-clean-dark-carving-art-paper-craft-black-waves-minimalistic-modern-design-business-presentations_1217-2497.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -187,11 +167,10 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
variant: "canvas-reveal" }}
|
||||
text="Ready to master your writing workflow?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "/dashboard"},
|
||||
{ text: "Get Started", href: "/dashboard" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -200,32 +179,26 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Pricing", href: "#pricing"},
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact", href: "#"},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="LuminaWrite"
|
||||
copyrightText="© 2025 LuminaWrite. All rights reserved."
|
||||
copyrightText="© 2025 LuminaWrite. All rights reserved. [PREVIEW MODE]"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user