From 26eabe5aa7704b5492a7e8495fb945b874bd6768 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 19:48:40 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 182 ++++++++++++-----------------------------------
 1 file changed, 45 insertions(+), 137 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 783e323..1766558 100644
--- a/src/app/page.tsx
+++ b/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>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1