From b96942302d59fcc29ca2a8d40eeaacd8f35fa173 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 5 May 2026 18:30:24 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 269 +++++++----------------------------------------
 1 file changed, 37 insertions(+), 232 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b53c5d3..8bc562b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,18 +32,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Explore",
-          id: "#explore",
-        },
-        {
-          name: "Build",
-          id: "#build",
-        },
-        {
-          name: "Collaborate",
-          id: "#collaborate",
-        },
+        { name: "Explore", id: "#explore" },
+        { name: "Build", id: "#build" },
+        { name: "Collaborate", id: "#collaborate" },
       ]}
       brandName="CRATEX AI"
     />
@@ -51,50 +42,17 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Master the Art of Prompting"
       description="CRATEX AI empowers creators to build, optimize, and share effective prompts through real-time collaboration and intelligent design."
-      buttons={[
-        {
-          text: "Get Started",
-        },
-        {
-          text: "Explore Library",
-        },
-      ]}
+      buttons={[{ text: "Get Started" }, { text: "Explore Library" }]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
-          imageAlt: "AI Prompt Builder",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg",
-          imageAlt: "Prompt Discovery",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg",
-          imageAlt: "Design System",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/enjoyment-activities-festivities-movies-pastime_53876-21360.jpg",
-          imageAlt: "Team Collaboration",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg",
-          imageAlt: "Model Optimization",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-silicone-band-displaying-apps_9975-133764.jpg",
-          imageAlt: "High-Quality UI",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg", imageAlt: "AI Prompt Builder" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/man-with-vr-headset-touching-holographic-screen_53876-101150.jpg", imageAlt: "Prompt Discovery" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/3d-cybernet-techno-design-with-flowing-lines-floating-particles_1048-12152.jpg", imageAlt: "Design System" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/enjoyment-activities-festivities-movies-pastime_53876-21360.jpg", imageAlt: "Team Collaboration" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-background-with-digital-cyber-particles-design_1048-13025.jpg", imageAlt: "Model Optimization" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/modern-smartwatch-with-gray-silicone-band-displaying-apps_9975-133764.jpg", imageAlt: "High-Quality UI" },
       ]}
     />
   </div>
@@ -104,16 +62,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Built for Professionals"
       description="Cratex AI isn't just a library; it's a precision-engineered workspace designed for prompt engineers to push the boundaries of what AI can generate."
-      metrics={[
-        {
-          value: "10K+",
-          title: "Prompts Built",
-        },
-        {
-          value: "500+",
-          title: "Collaborations",
-        },
-      ]}
+      metrics={[{ value: "10K+", title: "Prompts Built" }, { value: "500+", title: "Collaborations" }]}
       imageSrc="http://img.b2bpic.net/free-photo/factory-researchers-reviewing-system-health-metrics-with-mockup-laptop_482257-126912.jpg"
       mediaAnimation="slide-up"
       metricsAnimation="slide-up"
@@ -126,21 +75,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          icon: BookOpen,
-          title: "Prompt Library",
-          description: "Explore thousands of curated prompts across diverse industries.",
-        },
-        {
-          icon: PenTool,
-          title: "Custom Builder",
-          description: "Drag-and-drop prompt builder to refine parameters and context.",
-        },
-        {
-          icon: Users,
-          title: "Real-time Collaboration",
-          description: "Collaborate with your team to optimize prompts together in real-time.",
-        },
+        { icon: BookOpen, title: "Prompt Library", description: "Explore thousands of curated prompts across diverse industries." },
+        { icon: PenTool, title: "Custom Builder", description: "Drag-and-drop prompt builder to refine parameters and context." },
+        { icon: Users, title: "Real-time Collaboration", description: "Collaborate with your team to optimize prompts together in real-time." },
       ]}
       title="Intelligent Features"
       description="Powerful tools to help you build, test, and perfect your AI prompts."
@@ -154,54 +91,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",
-          brand: "Tech",
-          name: "SEO Content Writer",
-          price: "Free",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-modern-tech-design-with-low-poly-connecting-lines-dots_1048-14606.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Marketing",
-          name: "Ad Copy Generator",
-          price: "$19",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Development",
-          name: "Code Refactor Prompt",
-          price: "$29",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Design",
-          name: "UI/UX System Design",
-          price: "$49",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173729.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Analysis",
-          name: "Data Insight Analyzer",
-          price: "$39",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Business",
-          name: "Strategy Planner",
-          price: "$59",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-user-friendly-template_23-2148599198.jpg",
-        },
+        { id: "p1", brand: "Tech", name: "SEO Content Writer", price: "Free", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-modern-tech-design-with-low-poly-connecting-lines-dots_1048-14606.jpg" },
+        { id: "p2", brand: "Marketing", name: "Ad Copy Generator", price: "$19", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169862.jpg" },
+        { id: "p3", brand: "Development", name: "Code Refactor Prompt", price: "$29", rating: 4, reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/modern-particle-background-with-abstract-dots_1048-12011.jpg" },
+        { id: "p4", brand: "Design", name: "UI/UX System Design", price: "$49", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173729.jpg" },
+        { id: "p5", brand: "Analysis", name: "Data Insight Analyzer", price: "$39", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/unfocused-fluid-acrylic-balls_23-2148469325.jpg" },
+        { id: "p6", brand: "Business", name: "Strategy Planner", price: "$59", rating: 5, reviewCount: "305", imageSrc: "http://img.b2bpic.net/free-vector/twitter-interface-user-friendly-template_23-2148599198.jpg" },
       ]}
       title="Top Prompt Templates"
       description="High-performance prompts optimized for specific AI models."
@@ -215,21 +110,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "45%",
-          description: "Improvement in output accuracy",
-        },
-        {
-          id: "m2",
-          value: "30%",
-          description: "Faster workflow integration",
-        },
-        {
-          id: "m3",
-          value: "120+",
-          description: "Optimized model architectures",
-        },
+        { id: "m1", value: "45%", description: "Improvement in output accuracy" },
+        { id: "m2", value: "30%", description: "Faster workflow integration" },
+        { id: "m3", value: "120+", description: "Optimized model architectures" },
       ]}
       title="Performance Impact"
       description="Quantifiable results from our community-led optimization."
@@ -240,31 +123,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg",
-        },
-        {
-          id: "4",
-          name: "David W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
-        },
-        {
-          id: "5",
-          name: "Alex P.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-looking-laptop_482257-98429.jpg",
-        },
+        { id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg" },
+        { id: "2", name: "Michael K.", imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg" },
+        { id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-professional-businesswoman_23-2150917266.jpg" },
+        { id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg" },
+        { id: "5", name: "Alex P.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-headphones-looking-laptop_482257-98429.jpg" },
       ]}
       cardTitle="What professionals say"
       cardTag="Community Verified"
@@ -277,21 +140,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How to start?",
-          content: "Just sign up and begin building your first prompt.",
-        },
-        {
-          id: "2",
-          title: "Is it free?",
-          content: "We offer a generous free tier for individuals.",
-        },
-        {
-          id: "3",
-          title: "Can I share prompts?",
-          content: "Yes, our platform makes sharing easy.",
-        },
+        { id: "1", title: "How to start?", content: "Just sign up and begin building your first prompt." },
+        { id: "2", title: "Is it free?", content: "We offer a generous free tier for individuals." },
+        { id: "3", title: "Can I share prompts?", content: "Yes, our platform makes sharing easy." },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/girl-having-tiny-problem-concerned-attractive-blonde-girl-with-tattoo-arm-pursing-lips_1258-255279.jpg"
       mediaAnimation="slide-up"
@@ -304,9 +155,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Newsletter"
       title="Stay Updated"
       description="Receive the latest prompt engineering insights weekly."
@@ -318,53 +167,9 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Explore",
-              href: "#explore",
-            },
-            {
-              label: "Build",
-              href: "#build",
-            },
-            {
-              label: "Collaborate",
-              href: "#collaborate",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Blog",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Terms",
-              href: "#",
-            },
-            {
-              label: "Privacy",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "Explore", href: "#explore" }, { label: "Build", href: "#build" }, { label: "Collaborate", href: "#collaborate" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }, { label: "Blog", href: "#" }] },
+        { title: "Legal", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
       ]}
       logoText="CRATEX AI"
     />
@@ -372,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1