Merge version_2 into main #4
112
src/app/page.tsx
112
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Mic, Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,14 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Showcase", id: "#showcase"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "Showcase", id: "#showcase" },
|
||||
{ name: "Pricing", id: "#pricing" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="AniReal Studio"
|
||||
/>
|
||||
@@ -44,15 +40,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="AniReal Studio"
|
||||
description="Transform your anime frames into cinematic live-action masterpieces with AI precision. Character consistency, realistic voice synthesis, and hollywood-grade grading in one click."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#"},
|
||||
{
|
||||
text: "Watch Demo", href: "#"},
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Watch Demo", href: "#" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-futuristic-cinematic-split-screen-show-1774858614519-ae17a01e.png"
|
||||
imageAlt="Cinematic Anime to Live-Action Transformation"
|
||||
@@ -69,28 +62,22 @@ export default function LandingPage() {
|
||||
{
|
||||
title: "Cinematic Scene Generation", description: "Convert anime frames to live-action with dynamic camera movements and environmental enhancement.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-professional-camera-crane-in-a-movie-s-1774858613745-16b765ff.png", imageAlt: "Cinematic camera"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-hyper-realistic-environment-setup-cybe-1774858615408-fd23b45f.png", imageAlt: "Real world env"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-professional-camera-crane-in-a-movie-s-1774858613745-16b765ff.png", imageAlt: "Cinematic camera" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-hyper-realistic-environment-setup-cybe-1774858615408-fd23b45f.png", imageAlt: "Real world env" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Emotion & Lip Sync Engine", description: "Natural facial expressions paired with perfectly synced AI voices for every character.", icon: Mic,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/close-up-shot-of-a-human-face-with-subtl-1774858615079-ef226e7a.png", imageAlt: "Lip sync"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-realistic-mouth-close-up-perfect-lip-s-1774858614887-0aa95cea.png", imageAlt: "Facial expressions"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/close-up-shot-of-a-human-face-with-subtl-1774858615079-ef226e7a.png", imageAlt: "Lip sync" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-realistic-mouth-close-up-perfect-lip-s-1774858614887-0aa95cea.png", imageAlt: "Facial expressions" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Consistency System", description: "Maintain character identity across multiple scenes using our persistent memory system.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-digital-3d-model-of-a-face-showing-con-1774858615833-5b9a7cd9.png", imageAlt: "Consistency"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/ai-memory-visualization-with-abstract-no-1774858617313-1f6291b6.png", imageAlt: "Memory system"},
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/a-digital-3d-model-of-a-face-showing-con-1774858615833-5b9a7cd9.png", imageAlt: "Consistency" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/ai-memory-visualization-with-abstract-no-1774858617313-1f6291b6.png", imageAlt: "Memory system" },
|
||||
]
|
||||
},
|
||||
]}
|
||||
@@ -100,18 +87,15 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="showcase" data-section="showcase">
|
||||
<ProductCardOne
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Cyberpunk Streets", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/realistic-live-action-cyberpunk-scene-ra-1774858619346-81495d17.png"},
|
||||
{
|
||||
id: "p2", name: "Fantasy World", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/photorealistic-fantasy-landscape-floatin-1774858614490-f2b417f8.png"},
|
||||
{
|
||||
id: "p3", name: "Natural Light Scene", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/cinematic-portrait-natural-daylight-soft-1774858613399-dd8c2473.png"},
|
||||
{ id: "p1", name: "Cyberpunk Streets", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/realistic-live-action-cyberpunk-scene-ra-1774858619346-81495d17.png", rating: 5, reviewCount: "1.2k", brand: "Cinematic" },
|
||||
{ id: "p2", name: "Fantasy World", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/photorealistic-fantasy-landscape-floatin-1774858614490-f2b417f8.png", rating: 5, reviewCount: "900", brand: "Cinematic" },
|
||||
{ id: "p3", name: "Natural Light Scene", price: "AI-Enhanced", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/cinematic-portrait-natural-daylight-soft-1774858613399-dd8c2473.png", rating: 5, reviewCount: "2.1k", brand: "Cinematic" },
|
||||
]}
|
||||
title="What If Real?"
|
||||
description="Explore curated transformations."
|
||||
@@ -119,58 +103,34 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
<TestimonialCardTen
|
||||
useInvertedBackground={false}
|
||||
description="What our creators say about us."
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "Alex Riv", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-young-film-director-confid-1774858615990-10d28b62.png"},
|
||||
{
|
||||
id: "t2", name: "Mina K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-female-content-creator-bri-1774858616260-efe9acb0.png"},
|
||||
{
|
||||
id: "t3", name: "John Doe", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-an-anime-enthusiast-filmmake-1774858613952-f8ddd3cb.png"},
|
||||
{
|
||||
id: "t4", name: "Sarah Smith", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-visual-effects-artist-glow-1774858613674-71684a1e.png"},
|
||||
{
|
||||
id: "t5", name: "Leo Vance", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-young-film-director-confid-1774858615990-10d28b62.png"},
|
||||
{ id: "t1", name: "Alex Riv", title: "Film Producer", quote: "Simply amazing results.", role: "Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-young-film-director-confid-1774858615990-10d28b62.png" },
|
||||
{ id: "t2", name: "Mina K.", title: "Content Creator", quote: "Transformed my workflow.", role: "Creator", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-a-female-content-creator-bri-1774858616260-efe9acb0.png" },
|
||||
{ id: "t3", name: "John Doe", title: "Filmmaker", quote: "Hollywood grade quality.", role: "Enthusiast", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/portrait-of-an-anime-enthusiast-filmmake-1774858613952-f8ddd3cb.png" },
|
||||
]}
|
||||
cardTitle="Creator Reviews"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
title="Creator Reviews"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Access"
|
||||
title="Transform Your Vision"
|
||||
description="Request early access to AniReal Studio and start generating cinematic masterpieces today."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BenmUy5u1RwaJiaaemFf0L3xOe/dark-atmospheric-studio-glowing-blue-lig-1774858615063-10d21ba1.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features", href: "#"},
|
||||
{
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Platform", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2024 AniReal Studio. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user