bender/d480cd28-74ff-40eb-ab43-f1e8d893e6d2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-05 18:30:27 +00:00
Conversation 0 Commits 1 Files Changed 1 +37 -232
1 changed files with 37 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
src/app/page.tsx
View File

@@ -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>
);
}
}