From 2e909b674f3046269a7369eab5232ec30b146f73 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 17:24:06 +0000
Subject: [PATCH 1/2] Update src/app/create/page.tsx

---
 src/app/create/page.tsx | 282 ++++++++++++++++++----------------------
 1 file changed, 126 insertions(+), 156 deletions(-)

diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx
index da75c4e..28d3840 100644
--- a/src/app/create/page.tsx
+++ b/src/app/create/page.tsx
@@ -2,172 +2,142 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { Lightbulb, Headphones, Palette, Download, Sparkles, Video, Wallet, Cloud, FileText, Heart } from "lucide-react";
 
-export default function LandingPage() {
+export default function CreatePage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="outline"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Features",
-          id: "/#features",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Create Video",
-          id: "/create",
-        },
-      ]}
-      logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
-      logoAlt="Facely Logo"
-      brandName="facely"
-      button={{
-        text: "Sign Up",
-        href: "/signup",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "Features",                id: "/#features"
+              },
+              {
+                name: "Pricing",                id: "/pricing"
+              },
+              {
+                name: "Dashboard",                id: "/dashboard"
+              },
+              {
+                name: "Create Video",                id: "/create"
+              },
+              {
+                name: "Login",                id: "/login"
+              },
+              {
+                name: "Sign Up",                id: "/signup"
+              }
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
+            logoAlt="Facely Logo"
+            brandName="facely"
+            button={{
+              text: "Sign Up",              href: "/signup"
+            }}
+          />
+        </div>
 
-  <div id="create-video-studio" data-section="create-video-studio">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Craft Your Vision: Our AI Video Studio",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Start Generating",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/monitor-showing-ai-virtual-assistant-producing-clips_482257-112677.jpg"
-      imageAlt="AI Video Creation Interface"
-    />
-  </div>
+        <div id="create-video-studio" data-section="create-video-studio">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "Craft Your Vision: Our AI Video Studio" }]}
+            buttons={[{ text: "Start Generating", onClick: null }]
+          }/>
+        </div>
 
-  <div id="create-video-faq" data-section="create-video-faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "create1",
-          title: "How do I select a niche?",
-          content: "Choose from categories like Scary Stories, History, Mythology, Motivation, Finance, True Crime, or Funny Characters. This guides the AI's content generation.",
-        },
-        {
-          id: "create2",
-          title: "What duration options are available?",
-          content: "You can select video lengths of 30 seconds, 60 seconds, or 3 minutes, suitable for various platforms and purposes.",
-        },
-        {
-          id: "create3",
-          title: "Can I choose different voice styles and languages?",
-          content: "Yes, pick between male, female, dramatic, or funny voice styles. We support English, French, and Spanish languages for your videos.",
-        },
-        {
-          id: "create4",
-          title: "How do I refine my video after generation?",
-          content: "After initial generation, you can tweak the script, swap assets, and adjust voice parameters using our intuitive editing tools in the dashboard.",
-        },
-      ]}
-      title="Creation Guide & Tips"
-      description="Everything you need to know to make your next viral video with Facely."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="create-video-faq" data-section="create-video-faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              {
+                id: "create1",                title: "How do I select a niche?",                content: "Choose from categories like Scary Stories, History, Mythology, Motivation, Finance, True Crime, or Funny Characters. This guides the AI's content generation."
+              },
+              {
+                id: "create2",                title: "What duration options are available?",                content: "You can select video lengths of 30 seconds, 60 seconds, or 3 minutes, suitable for various platforms and purposes."
+              },
+              {
+                id: "create3",                title: "Can I choose different voice styles and languages?",                content: "Yes, pick between male, female, dramatic, or funny voice styles. We support English, French, and Spanish languages for your videos."
+              },
+              {
+                id: "create4",                title: "How do I refine my video after generation?",                content: "After initial generation, you can tweak the script, swap assets, and adjust voice parameters using our intuitive editing tools in the dashboard."
+              }
+            ]}
+            title="Creation Guide & Tips"
+            description="Everything you need to know to make your next viral video with Facely."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
-      logoAlt="Facely Logo"
-      logoText="facely"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "/#features",
-            },
-            {
-              label: "Pricing",
-              href: "/pricing",
-            },
-            {
-              label: "Dashboard",
-              href: "/dashboard",
-            },
-            {
-              label: "Create Video",
-              href: "/create",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Facely. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
+            logoAlt="Facely Logo"
+            logoText="facely"
+            columns={[
+              {
+                title: "Product",                items: [
+                  {
+                    label: "Features",                    href: "/#features"
+                  },
+                  {
+                    label: "Pricing",                    href: "/pricing"
+                  },
+                  {
+                    label: "Dashboard",                    href: "/dashboard"
+                  },
+                  {
+                    label: "Create Video",                    href: "/create"
+                  }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "#"
+                  },
+                  {
+                    label: "Careers",                    href: "#"
+                  },
+                  {
+                    label: "Contact",                    href: "#"
+                  }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"
+                  },
+                  {
+                    label: "Terms of Service",                    href: "#"
+                  }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 Facely. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1


From e0bcb0ccc87aea3adcc5846e9f70b464eeb45541 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 17:24:07 +0000
Subject: [PATCH 2/2] Update src/app/login/page.tsx

---
 src/app/login/page.tsx | 263 +++++++++++++++++++----------------------
 1 file changed, 122 insertions(+), 141 deletions(-)

diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index ef14198..2fa6d83 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -2,156 +2,137 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Lightbulb, Headphones, Palette, Download, Sparkles, Video, Wallet, Cloud, FileText, Heart } from "lucide-react";
 
-export default function LandingPage() {
+export default function LoginPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
-        contentWidth="smallMedium"
-        sizing="mediumLargeSizeLargeTitles"
-        background="noiseDiagonalGradient"
-        cardStyle="outline"
-        primaryButtonStyle="gradient"
-        secondaryButtonStyle="solid"
-        headingFontWeight="bold"
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="outline"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Features",
-          id: "/#features",
-        },
-        {
-          name: "Pricing",
-          id: "/pricing",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Create Video",
-          id: "/create",
-        },
-      ]}
-      logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
-      logoAlt="Facely Logo"
-      brandName="facely"
-      button={{
-        text: "Sign Up",
-        href: "/signup",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",                id: "/"
+              },
+              {
+                name: "Features",                id: "/#features"
+              },
+              {
+                name: "Pricing",                id: "/pricing"
+              },
+              {
+                name: "Dashboard",                id: "/dashboard"
+              },
+              {
+                name: "Create Video",                id: "/create"
+              },
+              {
+                name: "Login",                id: "/login"
+              },
+              {
+                name: "Sign Up",                id: "/signup"
+              }
+            ]}
+            logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
+            logoAlt="Facely Logo"
+            brandName="facely"
+            button={{
+              text: "Sign Up",              href: "/signup"
+            }}
+          />
+        </div>
 
-  <div id="login-cta" data-section="login-cta">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Welcome Back"
-      title="Login to Your Facely Account"
-      description="Access your dashboard and continue generating amazing videos. Enter your credentials below."
-      buttons={[
-        {
-          text: "Login",
-        },
-        {
-          text: "Sign Up",
-          href: "/signup",
-        },
-      ]}
-    />
-  </div>
+        <div id="login-cta" data-section="login-cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"
+            }}
+            tag="Welcome Back"
+            title="Login to Your Facely Account"
+            description="Access your dashboard and continue generating amazing videos. Enter your credentials below."
+            buttons={[
+              {
+                text: "Login",                onClick: null
+              },
+              {
+                text: "Sign Up",                href: "/signup"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="login-info" data-section="login-info">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Secure & Seamless Access",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169856.jpg"
-      imageAlt="Representation of user experience and interface design"
-    />
-  </div>
+        <div id="login-info" data-section="login-info">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[{ type: "text", content: "Secure & Seamless Access" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
-      logoAlt="Facely Logo"
-      logoText="facely"
-      columns={[
-        {
-          title: "Product",
-          items: [
-            {
-              label: "Features",
-              href: "/#features",
-            },
-            {
-              label: "Pricing",
-              href: "/pricing",
-            },
-            {
-              label: "Dashboard",
-              href: "/dashboard",
-            },
-            {
-              label: "Create Video",
-              href: "/create",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2024 Facely. All rights reserved."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoSrc="http://img.b2bpic.net/free-photo/3d-rendering-holographic-cube_23-2150979697.jpg"
+            logoAlt="Facely Logo"
+            logoText="facely"
+            columns={[
+              {
+                title: "Product",                items: [
+                  {
+                    label: "Features",                    href: "/#features"
+                  },
+                  {
+                    label: "Pricing",                    href: "/pricing"
+                  },
+                  {
+                    label: "Dashboard",                    href: "/dashboard"
+                  },
+                  {
+                    label: "Create Video",                    href: "/create"
+                  }
+                ]
+              },
+              {
+                title: "Company",                items: [
+                  {
+                    label: "About Us",                    href: "#"
+                  },
+                  {
+                    label: "Careers",                    href: "#"
+                  },
+                  {
+                    label: "Contact",                    href: "#"
+                  }
+                ]
+              },
+              {
+                title: "Legal",                items: [
+                  {
+                    label: "Privacy Policy",                    href: "#"
+                  },
+                  {
+                    label: "Terms of Service",                    href: "#"
+                  }
+                ]
+              }
+            ]}
+            copyrightText="© 2024 Facely. All rights reserved."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1