Merge version_2 into main #2
182
src/app/page.tsx
182
src/app/page.tsx
@@ -2,8 +2,8 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
@@ -29,17 +29,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Works",
|
||||
id: "works",
|
||||
},
|
||||
name: "Works", id: "works"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ArtistName"
|
||||
/>
|
||||
@@ -49,93 +43,52 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crafting Stories in Ink & Pixels"
|
||||
description="Professional Manga Artist & Webtoon Creator based in Tokyo. Transforming imagination into dynamic visual experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Akiro",
|
||||
handle: "@akiro_read",
|
||||
testimonial: "The character depth in every chapter is truly unmatched. A masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg?_wi=1",
|
||||
},
|
||||
name: "Akiro", handle: "@akiro_read", testimonial: "The character depth in every chapter is truly unmatched. A masterpiece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg?_wi=1"},
|
||||
{
|
||||
name: "Elena",
|
||||
handle: "@elenacomics",
|
||||
testimonial: "Stunning visuals and incredible paneling. My favorite webtoon series.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908452.jpg",
|
||||
},
|
||||
name: "Elena", handle: "@elenacomics", testimonial: "Stunning visuals and incredible paneling. My favorite webtoon series.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908452.jpg"},
|
||||
{
|
||||
name: "Kenji",
|
||||
handle: "@kenji_manga",
|
||||
testimonial: "The art style is breathtaking, consistently raising the bar.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148653517.jpg",
|
||||
},
|
||||
name: "Kenji", handle: "@kenji_manga", testimonial: "The art style is breathtaking, consistently raising the bar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148653517.jpg"},
|
||||
{
|
||||
name: "Sara",
|
||||
handle: "@saradraws",
|
||||
testimonial: "Incredible world-building and character progression. Pure artistry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-working-late-night-from-home_23-2150064956.jpg",
|
||||
},
|
||||
name: "Sara", handle: "@saradraws", testimonial: "Incredible world-building and character progression. Pure artistry.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-person-working-late-night-from-home_23-2150064956.jpg"},
|
||||
{
|
||||
name: "Hiro",
|
||||
handle: "@hiro_arts",
|
||||
testimonial: "Every panel feels alive. Truly a unique creative voice in the industry.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg?_wi=2",
|
||||
},
|
||||
name: "Hiro", handle: "@hiro_arts", testimonial: "Every panel feels alive. Truly a unique creative voice in the industry.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg?_wi=2"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/thinking-young-beautiful-girl-wearing-black-t-shirt-looking-notebook-her-hand-isolated-white-wall_141793-32415.jpg"
|
||||
imageAlt="Artist at work"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908452.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-artist-painting-studio-with-watercolors_23-2149908452.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148653517.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-book_23-2148653517.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adult-person-working-late-night-from-home_23-2150064956.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adult-person-working-late-night-from-home_23-2150064956.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-with-book-bed_23-2147767390.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Webtoon Awards 2023 Winner",
|
||||
},
|
||||
type: "text", text: "Webtoon Awards 2023 Winner"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tokyo Manga Expo Guest Speaker",
|
||||
},
|
||||
type: "text", text: "Tokyo Manga Expo Guest Speaker"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Featured in Digital Artist Weekly",
|
||||
},
|
||||
type: "text", text: "Featured in Digital Artist Weekly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Over 5 Million Chapters Read",
|
||||
},
|
||||
type: "text", text: "Over 5 Million Chapters Read"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Collaborator",
|
||||
},
|
||||
type: "text", text: "Global Collaborator"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -146,9 +99,7 @@ export default function LandingPage() {
|
||||
title="From Concept to Digital Canvas"
|
||||
buttons={[
|
||||
{
|
||||
text: "See Portfolio",
|
||||
href: "#works",
|
||||
},
|
||||
text: "See Portfolio", href: "#works"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,23 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chapter 1: Genesis",
|
||||
price: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-vintage-vaporwave-background_23-2148899887.jpg",
|
||||
},
|
||||
id: "1", name: "Chapter 1: Genesis", price: "Available", imageSrc: "http://img.b2bpic.net/free-vector/linear-vintage-vaporwave-background_23-2148899887.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Action Sequence Study",
|
||||
price: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-digital-art_23-2151197892.jpg",
|
||||
},
|
||||
id: "2", name: "Action Sequence Study", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-digital-art_23-2151197892.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fantasy Worlds Concept",
|
||||
price: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-botanical-garden-template_23-2150262412.jpg",
|
||||
},
|
||||
id: "3", name: "Fantasy Worlds Concept", price: "Limited", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-botanical-garden-template_23-2150262412.jpg"},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Recent chapters and featured illustrations."
|
||||
@@ -185,73 +124,42 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about commissions."
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
sideTitle="FAQ"
|
||||
sideDescription="Common questions about my commission and order process."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your rates?",
|
||||
content: "Rates vary based on complexity and scope. Contact me for a quote.",
|
||||
},
|
||||
id: "1", title: "What are your commission rates?", content: "Rates vary based on complexity, detail, and commercial scope. I provide custom quotes for every project."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you accept commercial work?",
|
||||
content: "Yes, I am available for commercial partnerships and licensing.",
|
||||
},
|
||||
id: "2", title: "How do I place an order?", content: "Simply fill out the contact form below or reach out via email. Please include your project idea and deadline."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does a project take?",
|
||||
content: "Typically 2-4 weeks depending on the length and detail.",
|
||||
},
|
||||
id: "3", title: "What is your turnaround time?", content: "Typical turnarounds range from 2 to 6 weeks, depending on the current workload and scope."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What tools do you use?",
|
||||
content: "I use a mix of Clip Studio Paint and Adobe Photoshop.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I see previous commissions?",
|
||||
content: "Yes, I maintain a private archive of client work to share upon inquiry.",
|
||||
},
|
||||
id: "4", title: "Do you handle commercial licensing?", content: "Yes, I have experience working with publishers and brands. Let's discuss your requirements."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
<ContactCenter
|
||||
tag="Let's Connect"
|
||||
title="Get in Touch"
|
||||
description="I'm always open to discussing new manga projects, commissions, or collaborations. Fill in the form or reach out via email."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Collaborate"
|
||||
title="Commission Inquiries"
|
||||
description="Currently open for new collaborations and commission requests."
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Email",
|
||||
href: "mailto:artist@example.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
leftLink={{
|
||||
text: "© 2024 ArtistName",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 ArtistName", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user