Merge version_1 into main #2
139
src/app/page.tsx
139
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "platform",
|
||||
},
|
||||
name: "Platform", id: "platform"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Community",
|
||||
id: "community",
|
||||
},
|
||||
name: "Community", id: "community"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MecaFirst"
|
||||
/>
|
||||
@@ -60,36 +50,21 @@ export default function LandingPage() {
|
||||
description="Transform data into actionable insights instantly with our AI-powered web builder."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
text: "Sign Up", href: "#"},
|
||||
{
|
||||
text: "Log In",
|
||||
href: "#",
|
||||
},
|
||||
text: "Log In", href: "#"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23ddb5.mp4",
|
||||
imageAlt: "AI Data Platform Hero",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=1",
|
||||
},
|
||||
videoSrc: "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260329_050842_be71947f-f16e-4a14-810c-06e83d23ddb5.mp4", imageAlt: "AI Data Platform Hero", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=2",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=3",
|
||||
imageAlt: "Futuristic data streaming",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", imageAlt: "Futuristic data streaming"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=4",
|
||||
imageAlt: "AI neural network visualization",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", imageAlt: "AI neural network visualization"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg?_wi=5",
|
||||
imageAlt: "Modern cloud computing interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-particle-flow-background-with-cyber-dots_1048-15365.jpg", imageAlt: "Modern cloud computing interface"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,31 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Data Analytics",
|
||||
description: "Get real-time insights with automated dashboards.",
|
||||
bentoComponent: "globe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
|
||||
imageAlt: "data analytics dashboard",
|
||||
title: "Data Analytics", description: "Get real-time insights with automated dashboards.", bentoComponent: "globe"
|
||||
},
|
||||
{
|
||||
title: "AI Assistant",
|
||||
description: "Interactive chat interface for fast queries.",
|
||||
bentoComponent: "chat",
|
||||
aiIcon: Star,
|
||||
title: "AI Assistant", description: "Interactive chat interface for fast queries.", bentoComponent: "chat", aiIcon: Star,
|
||||
userIcon: User,
|
||||
placeholder: "Ask anything...",
|
||||
exchanges: [
|
||||
placeholder: "Ask anything...", exchanges: [
|
||||
{
|
||||
userMessage: "Optimize my workflow",
|
||||
aiResponse: "I've optimized your project structure.",
|
||||
},
|
||||
userMessage: "Optimize my workflow", aiResponse: "I've optimized your project structure."},
|
||||
{
|
||||
userMessage: "Summarize data",
|
||||
aiResponse: "Data summary ready for review.",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-app-powered-with-ai_1268-21799.jpg",
|
||||
imageAlt: "modern ai chatbot interface",
|
||||
userMessage: "Summarize data", aiResponse: "Data summary ready for review."},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Powerful AI Capabilities"
|
||||
@@ -141,20 +102,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
description: "Increased Productivity",
|
||||
},
|
||||
id: "m1", value: "150%", description: "Increased Productivity"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Active Projects",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Active Projects"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "AI Processing",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "AI Processing"},
|
||||
]}
|
||||
title="Platform Impact"
|
||||
description="Measurable results for your digital business."
|
||||
@@ -169,25 +121,15 @@ export default function LandingPage() {
|
||||
author="Sarah Chen, CTO at GrowthLab"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-redhead-man-with-laptop-looking-camera-cafe_1163-5162.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-shield-floral-gloves_23-2148784807.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-face-shield-floral-gloves_23-2148784807.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-9043.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-senior-man-listening-music-headphones-isolated-dark-background_613910-9043.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-mask_23-2148932836.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-mask_23-2148932836.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -198,16 +140,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to build your future?"
|
||||
description="Join thousands of innovators using MecaFirst."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,29 +155,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
label: "Features", href: "#"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pricing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user