Merge version_1 into main #1
192
src/app/page.tsx
192
src/app/page.tsx
@@ -30,38 +30,30 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Examples",
|
||||
id: "#examples",
|
||||
},
|
||||
name: "Examples", id: "#examples"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
]}
|
||||
brandName="ScriptTok AI"
|
||||
button={{
|
||||
text: "Get Started", href: "#hero"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
logoText="ScriptTok AI"
|
||||
description="Create viral TikTok videos in seconds using AI. Get hooks, scripts, and cinematic prompts automatically."
|
||||
buttons={[
|
||||
{
|
||||
text: "🔥 Generate Script",
|
||||
href: "#",
|
||||
},
|
||||
text: "🔥 Generate Script", href: "#"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-55085.jpg"
|
||||
@@ -78,29 +70,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Viral Hooks",
|
||||
description: "Proven hooks designed to stop the scroll.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148162792.jpg",
|
||||
},
|
||||
id: "f1", title: "Viral Hooks", description: "Proven hooks designed to stop the scroll.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-technology-logo-collection_23-2148162792.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Ready Scripts",
|
||||
description: "Complete video scripts in under 10 seconds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg",
|
||||
},
|
||||
id: "f2", title: "Ready Scripts", description: "Complete video scripts in under 10 seconds.", imageSrc: "http://img.b2bpic.net/free-photo/type-c-connector-sharp-focus-purple-fast-usb_169016-71491.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "AI Prompts",
|
||||
description: "Custom visual prompts for your video style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glowing-arrow-sign-dark_23-2148445357.jpg",
|
||||
},
|
||||
id: "f3", title: "AI Prompts", description: "Custom visual prompts for your video style.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-arrow-sign-dark_23-2148445357.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "100% Free",
|
||||
description: "No hidden costs for unlimited generation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-red-ribbon_23-2147959934.jpg",
|
||||
},
|
||||
id: "f4", title: "100% Free", description: "No hidden costs for unlimited generation.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-with-red-ribbon_23-2147959934.jpg"},
|
||||
]}
|
||||
title="Why Creators Choose ScriptTok"
|
||||
description="Unlock your growth potential with features designed for speed and virality."
|
||||
@@ -114,45 +90,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Hook",
|
||||
handle: "Hook",
|
||||
testimonial: "You are wasting your time every day without knowing it...",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-beauty-vlog_23-2148916289.jpg",
|
||||
},
|
||||
id: "t1", name: "Hook", handle: "Hook", testimonial: "You are wasting your time every day without knowing it...", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-beauty-vlog_23-2148916289.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Script",
|
||||
handle: "Script",
|
||||
testimonial: "If you spend hours scrolling without learning, you are destroying your future...",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-makes-selfie-poses-making-photo-dressed-sportswear-listens-music-via-stereo-headphones-stands-outside_273609-55468.jpg",
|
||||
},
|
||||
id: "t2", name: "Script", handle: "Script", testimonial: "If you spend hours scrolling without learning, you are destroying your future...", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-woman-makes-selfie-poses-making-photo-dressed-sportswear-listens-music-via-stereo-headphones-stands-outside_273609-55468.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "CTA",
|
||||
handle: "Call to Action",
|
||||
testimonial: "Follow for more powerful content",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-african-man-with-sincere-smile-posing-outdoor-photo-cute-black-male-model-glasses-headphones_197531-21894.jpg",
|
||||
},
|
||||
id: "t3", name: "CTA", handle: "Call to Action", testimonial: "Follow for more powerful content", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spectacular-african-man-with-sincere-smile-posing-outdoor-photo-cute-black-male-model-glasses-headphones_197531-21894.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Prompt",
|
||||
handle: "Visual Prompt",
|
||||
testimonial: "A cinematic scene of a young man thinking deeply, dramatic lighting, 4K",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
id: "t4", name: "Prompt", handle: "Visual Prompt", testimonial: "A cinematic scene of a young man thinking deeply, dramatic lighting, 4K", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Review",
|
||||
handle: "User",
|
||||
testimonial: "ScriptTok AI completely changed how I plan my content strategy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-fixing-her-makeup-front-mirror-room_181624-9054.jpg",
|
||||
},
|
||||
id: "t5", name: "Review", handle: "User", testimonial: "ScriptTok AI completely changed how I plan my content strategy.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-girl-fixing-her-makeup-front-mirror-room_181624-9054.jpg"},
|
||||
]}
|
||||
showRating={false}
|
||||
title="Script Example"
|
||||
@@ -167,36 +118,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Standard",
|
||||
price: "Free",
|
||||
features: [
|
||||
"10 scripts daily",
|
||||
"Standard hooks",
|
||||
"Basic community",
|
||||
],
|
||||
id: "p1", name: "Standard", price: "Free", features: [
|
||||
"10 scripts daily", "Standard hooks", "Basic community"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Premium (Coming Soon)",
|
||||
price: "Waitlist",
|
||||
features: [
|
||||
"Unlimited scripts",
|
||||
"Niche targeting",
|
||||
"Ultra-viral content",
|
||||
"Analytics",
|
||||
],
|
||||
id: "p2", name: "Premium (Coming Soon)", price: "Waitlist", features: [
|
||||
"Unlimited scripts", "Niche targeting", "Ultra-viral content", "Analytics"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Join Waitlist",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Waitlist", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -214,35 +148,20 @@ export default function LandingPage() {
|
||||
description="Measuring the impact of AI-driven content growth."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Zap,
|
||||
title: "Scripts Generated",
|
||||
value: "50K+",
|
||||
},
|
||||
id: "m1", icon: Zap,
|
||||
title: "Scripts Generated", value: "50K+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: TrendingUp,
|
||||
title: "Viral Growth Rate",
|
||||
value: "4.2x",
|
||||
},
|
||||
id: "m2", icon: TrendingUp,
|
||||
title: "Viral Growth Rate", value: "4.2x"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Users,
|
||||
title: "Active Creators",
|
||||
value: "12K+",
|
||||
},
|
||||
id: "m3", icon: Users,
|
||||
title: "Active Creators", value: "12K+"},
|
||||
{
|
||||
id: "m4",
|
||||
icon: Clock,
|
||||
title: "Hours Saved",
|
||||
value: "80K+",
|
||||
},
|
||||
id: "m4", icon: Clock,
|
||||
title: "Hours Saved", value: "80K+"},
|
||||
{
|
||||
id: "m5",
|
||||
icon: Award,
|
||||
title: "Success Rate",
|
||||
value: "98%",
|
||||
},
|
||||
id: "m5", icon: Award,
|
||||
title: "Success Rate", value: "98%"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -251,42 +170,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user