Merge version_1 into main #2
148
src/app/page.tsx
148
src/app/page.tsx
@@ -31,55 +31,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ToonStudio"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Unleash the Magic"
|
||||
description="Experience our latest animated masterpiece, filled with wonder, adventure, and heartwarming characters. Coming to theaters everywhere."
|
||||
tag="New Release"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648336.jpg?_wi=1",
|
||||
imageAlt: "Main Character",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648336.jpg", imageAlt: "Main Character"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dreamy-landscape_23-2151835559.jpg?_wi=1",
|
||||
imageAlt: "Action Scene",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648336.jpg?_wi=2",
|
||||
imageAlt: "Hero Portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dreamy-landscape_23-2151835559.jpg?_wi=2",
|
||||
imageAlt: "Whimsical World",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648336.jpg?_wi=3",
|
||||
imageAlt: "Cinematic Moment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dreamy-landscape_23-2151835559.jpg", imageAlt: "Action Scene"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -92,7 +68,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A Story Told in Color"
|
||||
description="We believe in the power of animation to transcend boundaries. Our studio is dedicated to crafting stories that capture hearts and inspire imaginations worldwide."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crazy-hero-funny-expression_1194-4116.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/crazy-hero-funny-expression_1194-4116.jpg"
|
||||
imageAlt="Animation Studio Workspace"
|
||||
/>
|
||||
</div>
|
||||
@@ -104,28 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stunning Visuals",
|
||||
description: "Hand-painted textures and groundbreaking light effects.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shoot-fantastic-alien_23-2151648336.jpg?_wi=4",
|
||||
imageAlt: "cartoon movie hero poster",
|
||||
title: "Stunning Visuals", description: "Hand-painted textures and groundbreaking light effects.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Global Talent",
|
||||
description: "Voices and artists from all across the globe.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Globe,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-dreamy-landscape_23-2151835559.jpg?_wi=3",
|
||||
imageAlt: "animated movie action scene",
|
||||
title: "Global Talent", description: "Voices and artists from all across the globe.", bentoComponent: "reveal-icon", icon: Globe
|
||||
},
|
||||
{
|
||||
title: "Immersive Score",
|
||||
description: "An original soundtrack by award-winning composers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Music,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crazy-hero-funny-expression_1194-4116.jpg?_wi=2",
|
||||
imageAlt: "animation studio workspace",
|
||||
title: "Immersive Score", description: "An original soundtrack by award-winning composers.", bentoComponent: "reveal-icon", icon: Music
|
||||
},
|
||||
]}
|
||||
title="Why You'll Love It"
|
||||
@@ -141,45 +102,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Film Critic",
|
||||
company: "Cinema Monthly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-watching-comedy-movie_23-2148396094.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", role: "Film Critic", company: "Cinema Monthly", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-watching-comedy-movie_23-2148396094.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike T.",
|
||||
role: "Animation Fan",
|
||||
company: "Independent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cinema_23-2148115401.jpg",
|
||||
},
|
||||
id: "2", name: "Mike T.", role: "Animation Fan", company: "Independent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-cinema_23-2148115401.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chloe L.",
|
||||
role: "Parent",
|
||||
company: "Viewer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-glasses-holding-out-popcorn-piece-with-bucket-popcorn-front-isolated-pink-wall_141793-90685.jpg",
|
||||
},
|
||||
id: "3", name: "Chloe L.", role: "Parent", company: "Viewer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt-glasses-holding-out-popcorn-piece-with-bucket-popcorn-front-isolated-pink-wall_141793-90685.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Blogger",
|
||||
company: "FilmBlog",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-white-surface_140725-70086.jpg?_wi=1",
|
||||
},
|
||||
id: "4", name: "David K.", role: "Blogger", company: "FilmBlog", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-white-surface_140725-70086.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emma R.",
|
||||
role: "Student",
|
||||
company: "Film School",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-white-surface_140725-70086.jpg?_wi=2",
|
||||
},
|
||||
id: "5", name: "Emma R.", role: "Student", company: "Film School", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-eating-popcorn-d-sunglasses-white-surface_140725-70086.jpg"},
|
||||
]}
|
||||
title="Audience Reviews"
|
||||
description="What our early viewers have to say about the film."
|
||||
@@ -192,20 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "When is the release date?",
|
||||
content: "Coming soon to cinemas worldwide this summer.",
|
||||
},
|
||||
id: "q1", title: "When is the release date?", content: "Coming soon to cinemas worldwide this summer."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Where can I watch it?",
|
||||
content: "The movie will be available in theaters and streaming platforms.",
|
||||
},
|
||||
id: "q2", title: "Where can I watch it?", content: "The movie will be available in theaters and streaming platforms."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is it for all ages?",
|
||||
content: "Yes, it is designed for family-friendly enjoyment.",
|
||||
},
|
||||
id: "q3", title: "Is it for all ages?", content: "Yes, it is designed for family-friendly enjoyment."},
|
||||
]}
|
||||
title="FAQs"
|
||||
description="Common questions about our upcoming release."
|
||||
@@ -217,8 +144,7 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Join our newsletter for exclusive updates and behind-the-scenes content."
|
||||
/>
|
||||
</div>
|
||||
@@ -228,29 +154,19 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cinema-concept-with-reel_23-2147988993.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
label: "Jobs", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user