Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,28 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="BlackArtTech"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,13 +46,8 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="BlackArtTech"
|
||||
description="Pioneering the intersection of cultural expression and advanced digital engineering. We craft the tools of the future."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Platforms",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg?_wi=1"
|
||||
buttons={[{ text: "Explore Platforms", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,20 +58,11 @@ export default function LandingPage() {
|
||||
title="Redefining Digital Creativity"
|
||||
description="Our team combines deep artistic insight with robust technological frameworks to build scalable, high-performance platforms for modern creators."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Cultural Depth",
|
||||
description: "Technology that reflects human history and future potential.",
|
||||
},
|
||||
{
|
||||
title: "Advanced Engineering",
|
||||
description: "Built on industry-leading stacks for maximum performance.",
|
||||
},
|
||||
{
|
||||
title: "Creative Empowerment",
|
||||
description: "Tools that remove technical barriers for artists.",
|
||||
},
|
||||
{ title: "Cultural Depth", description: "Technology that reflects human history and future potential." },
|
||||
{ title: "Advanced Engineering", description: "Built on industry-leading stacks for maximum performance." },
|
||||
{ title: "Creative Empowerment", description: "Tools that remove technical barriers for artists." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -103,64 +74,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI Art Integration",
|
||||
description: "Seamlessly integrate generated assets into your pipeline.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Smart Layers",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
text: "Instant Rendering",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
],
|
||||
title: "AI Art Integration", description: "Seamlessly integrate generated assets into your pipeline.", media: { imageSrc: "http://img.b2bpic.net/free-photo/notification-bell-right-side_187299-44732.jpg", imageAlt: "tech software dashboard creative" },
|
||||
items: [{ text: "Smart Layers", icon: Zap }, { text: "Instant Rendering", icon: CheckCircle }],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-techno-background-with-abstract-cyber-particles_1048-12198.jpg?_wi=2",
|
||||
imageAlt: "tech software dashboard creative",
|
||||
},
|
||||
{
|
||||
title: "Cultural Nodes",
|
||||
description: "Collaborate within our secure digital workspace environments.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Real-time Sync",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
text: "Version Control",
|
||||
icon: Award,
|
||||
},
|
||||
],
|
||||
title: "Cultural Nodes", description: "Collaborate within our secure digital workspace environments.", media: { imageSrc: "http://img.b2bpic.net/free-photo/male-investor-looking-stock-trade-sales-computer-using-financial-statistics-plan-business-investment-growth-market-analyst-working-with-real-time-forex-exchange-graphs_482257-40949.jpg", imageAlt: "tech software dashboard creative" },
|
||||
items: [{ text: "Real-time Sync", icon: Star }, { text: "Version Control", icon: Award }],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-llm-chatbot-software-interface-pc-home-office-showing-virtual-assistant_482257-113943.jpg?_wi=2",
|
||||
imageAlt: "tech software dashboard creative",
|
||||
},
|
||||
{
|
||||
title: "Scalable Cloud",
|
||||
description: "Host your masterpieces on globally distributed infrastructures.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
text: "Global CDN",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
text: "Auto-Scaling",
|
||||
icon: Sparkles,
|
||||
},
|
||||
],
|
||||
title: "Scalable Cloud", description: "Host your masterpieces on globally distributed infrastructures.", media: { imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105487.jpg", imageAlt: "tech software dashboard creative" },
|
||||
items: [{ text: "Global CDN", icon: Shield }, { text: "Auto-Scaling", icon: Sparkles }],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=1",
|
||||
imageAlt: "tech software dashboard creative",
|
||||
},
|
||||
]}
|
||||
title="Engineered for Expression"
|
||||
@@ -175,42 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "ArtCore Engine",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "VR Vision Lens",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-desk_23-2148912813.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Toolkit Prime",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-using-mobile-phone_53876-26374.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "CloudArt Hub",
|
||||
price: "$29",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Generative Station",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-creative-person-using-pencil-draw-vase-design-canvas-easel-workshop-space-home-african-american-artist-drawing-modern-masterpiece-successful-fine-art-hobby_482257-33994.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "SculptMaster Pro",
|
||||
price: "$349",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-cell-phone-wooden-desk_1387-986.jpg",
|
||||
},
|
||||
{ id: "1", name: "ArtCore Engine", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913297.jpg" },
|
||||
{ id: "2", name: "VR Vision Lens", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/virtual-reality-headset-desk_23-2148912813.jpg" },
|
||||
{ id: "3", name: "Toolkit Prime", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/people-using-mobile-phone_53876-26374.jpg" },
|
||||
{ id: "4", name: "CloudArt Hub", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-turned-digital-midi-controller_400718-29.jpg" },
|
||||
{ id: "5", name: "Generative Station", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/black-creative-person-using-pencil-draw-vase-design-canvas-easel-workshop-space-home-african-american-artist-drawing-modern-masterpiece-successful-fine-art-hobby_482257-33994.jpg" },
|
||||
{ id: "6", name: "SculptMaster Pro", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/vr-glasses-cell-phone-wooden-desk_1387-986.jpg" },
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Discover high-performance software and hardware for creators."
|
||||
@@ -224,52 +120,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
tag: "Starter",
|
||||
price: "$49",
|
||||
period: "/mo",
|
||||
description: "For individual artists starting out.",
|
||||
button: {
|
||||
text: "Choose Basic",
|
||||
},
|
||||
featuresTitle: "Included",
|
||||
features: [
|
||||
"Core Access",
|
||||
"Cloud Storage",
|
||||
"Email Support",
|
||||
],
|
||||
id: "basic", tag: "Starter", price: "$49", period: "/mo", description: "For individual artists starting out.", button: { text: "Choose Basic" }, featuresTitle: "Included", features: ["Core Access", "Cloud Storage", "Email Support"]
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
tag: "Professional",
|
||||
price: "$149",
|
||||
period: "/mo",
|
||||
description: "For power users & studio designers.",
|
||||
button: {
|
||||
text: "Choose Pro",
|
||||
},
|
||||
featuresTitle: "Everything in Basic, plus:",
|
||||
features: [
|
||||
"Advanced AI",
|
||||
"Collaborative Tools",
|
||||
"Priority Support",
|
||||
],
|
||||
id: "pro", tag: "Professional", price: "$149", period: "/mo", description: "For power users & studio designers.", button: { text: "Choose Pro" }, featuresTitle: "Everything in Basic, plus:", features: ["Advanced AI", "Collaborative Tools", "Priority Support"]
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
tag: "Enterprise",
|
||||
price: "$499",
|
||||
period: "/mo",
|
||||
description: "For enterprise team workflows.",
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
},
|
||||
featuresTitle: "Everything in Pro, plus:",
|
||||
features: [
|
||||
"On-premise Options",
|
||||
"Dedicated Agent",
|
||||
"SLA Support",
|
||||
],
|
||||
id: "ent", tag: "Enterprise", price: "$499", period: "/mo", description: "For enterprise team workflows.", button: { text: "Contact Us" }, featuresTitle: "Everything in Pro, plus:", features: ["On-premise Options", "Dedicated Agent", "SLA Support"]
|
||||
},
|
||||
]}
|
||||
title="Flexible Scaling"
|
||||
@@ -283,21 +140,9 @@ export default function LandingPage() {
|
||||
title="Our Impact"
|
||||
tag="Milestones"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
description: "Assets Created",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45K+",
|
||||
description: "Community Artists",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
description: "Platform Uptime",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", description: "Assets Created" },
|
||||
{ id: "m2", value: "45K+", description: "Community Artists" },
|
||||
{ id: "m3", value: "99.9%", description: "Platform Uptime" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -309,41 +154,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
handle: "@sarahart",
|
||||
testimonial: "The integration is seamless and powerful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Chen",
|
||||
handle: "@mchen_studio",
|
||||
testimonial: "Finally, a platform that understands our needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_design",
|
||||
testimonial: "Simply the best tech for creative projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Okafor",
|
||||
handle: "@d_okafor",
|
||||
testimonial: "High performance and intuitive UI. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jasmine Lee",
|
||||
handle: "@jlee_art",
|
||||
testimonial: "Changed how I approach digital production forever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leadership-leader-authoritarian-management-trainer-concept_53876-123784.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Miller", handle: "@sarahart", testimonial: "The integration is seamless and powerful.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_23-2148452664.jpg" },
|
||||
{ id: "t2", name: "Marcus Chen", handle: "@mchen_studio", testimonial: "Finally, a platform that understands our needs.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-man-with-diagram_23-2147669294.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", handle: "@elena_design", testimonial: "Simply the best tech for creative projects.", imageSrc: "http://img.b2bpic.net/free-photo/startup-worker-uses-laptop-open-space-reviewing-project-data-documents-workstation-executive-assistant-working-marketing-strategy-business-development-ai-developer_482257-65810.jpg" },
|
||||
{ id: "t4", name: "David Okafor", handle: "@d_okafor", testimonial: "High performance and intuitive UI. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278643.jpg" },
|
||||
{ id: "t5", name: "Jasmine Lee", handle: "@jlee_art", testimonial: "Changed how I approach digital production forever.", imageSrc: "http://img.b2bpic.net/free-photo/leadership-leader-authoritarian-management-trainer-concept_53876-123784.jpg" },
|
||||
]}
|
||||
title="Creators Trust Us"
|
||||
description="See why artists around the globe are building with BlackArtTech."
|
||||
@@ -356,18 +171,8 @@ export default function LandingPage() {
|
||||
title="Start Your Journey"
|
||||
description="Have questions? Reach out to our team of specialists."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
]}
|
||||
buttonText="Send Message"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-ai-tech-agency-workspace-providing-custom-software-development-services_482257-120228.jpg"
|
||||
@@ -379,21 +184,9 @@ export default function LandingPage() {
|
||||
logoText="BlackArtTech"
|
||||
copyrightText="© 2025 BlackArtTech Technologies. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "Github",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
{ icon: Github, href: "#", ariaLabel: "Github" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "Linkedin" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user