bender/1525b700-331b-4072-aed3-8beeee035439
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-10 00:50:32 +00:00
parent ec93df922f
commit d87ea6c663
1 changed files with 66 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Cog, Eye, Sparkles } from "lucide-react";
import { Cog, Eye, Sparkles, Palette, Brain, Heart, Rocket } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,53 +34,36 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Metrics",
id: "#metrics",
},
name: "Metrics", id: "#metrics"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/idea-labels-brain-chalkboard_23-2147873950.jpg"
logoAlt="AI + Design Logo"
brandName="AI + Design"
button={{
text: "Get in Touch",
href: "#contact",
}}
text: "Get in Touch", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroSplit
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="AI Meets Design—Powered by Claude"
description="Explore an interactive brain that thinks, learns, and creates alongside you. Experience AI reimagined through bold color and intelligent design."
buttons={[
{
text: "Explore the Brain",
href: "#features",
},
text: "Explore the Brain", href: "#features"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/network-concept-with-colorful-thread_23-2148999206.jpg"
@@ -89,56 +72,32 @@ export default function LandingPage() {
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
alt: "Professional portrait of a diverse tech user",
},
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg", alt: "Professional portrait of a diverse tech user"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg",
alt: "Portrait of a creative AI user",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-boy-posing-studio_23-2149596268.jpg", alt: "Portrait of a creative AI user"},
{
src: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg",
alt: "Smiling professional in a tech setting",
},
src: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg", alt: "Smiling professional in a tech setting"},
{
src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2827.jpg",
alt: "Young innovator's portrait",
},
src: "http://img.b2bpic.net/free-photo/young-man-sad-expression_1194-2827.jpg", alt: "Young innovator's portrait"},
{
src: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-scissors-speech-bubble-sign-with-word-idea-smiling-confident_141793-37563.jpg",
alt: "Designer with thoughtful expression",
},
src: "http://img.b2bpic.net/free-photo/young-professional-hairdresser-woman-apron-holding-scissors-speech-bubble-sign-with-word-idea-smiling-confident_141793-37563.jpg", alt: "Designer with thoughtful expression"},
]}
avatarText="Join the AI-Design Frontier"
marqueeItems={[
{
type: "text",
text: "AI Co-Creation",
type: "text", text: "AI Co-Creation"},
{
type: "text-icon", text: "Intelligent Automation", icon: Cog,
},
{
type: "text-icon",
text: "Intelligent Automation",
icon: Cog,
type: "image", src: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148218237.jpg", alt: "Abstract AI data flow icon"},
{
type: "text", text: "Creative Synthesis"},
{
type: "text-icon", text: "Future-Proof Design", icon: Eye,
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148218237.jpg",
alt: "Abstract AI data flow icon",
},
{
type: "text",
text: "Creative Synthesis",
},
{
type: "text-icon",
text: "Future-Proof Design",
icon: Eye,
},
{
type: "image",
src: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-29969.jpg",
alt: "AI machine learning enabling computers to replicate human brain functioning.",
},
type: "image", src: "http://img.b2bpic.net/free-vector/artificial-intelligence-icon-set-vector-illustration_47987-29969.jpg", alt: "AI machine learning enabling computers to replicate human brain functioning."},
]}
/>
</div>
@@ -163,33 +122,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "AI-Driven Creativity",
description: "Harnessing Claude's advanced natural language understanding to generate unique design concepts and creative prompts.",
buttonIcon: "Palette",
imageSrc: "http://img.b2bpic.net/free-vector/ai-chip-brain-lineal-flat_78370-9690.jpg",
imageAlt: "Icon representing AI-driven creativity",
},
title: "AI-Driven Creativity", description: "Harnessing Claude's advanced natural language understanding to generate unique design concepts and creative prompts.", buttonIcon: Palette,
imageSrc: "http://img.b2bpic.net/free-vector/ai-chip-brain-lineal-flat_78370-9690.jpg", imageAlt: "Icon representing AI-driven creativity"},
{
title: "Intelligent Design Systems",
description: "Building adaptive design frameworks that learn and evolve, optimizing user experiences with AI-powered insights.",
buttonIcon: "Brain",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-artificial-intelligence-futuristic-communication-network-technology_53876-129773.jpg",
imageAlt: "Icon representing intelligent design systems",
},
title: "Intelligent Design Systems", description: "Building adaptive design frameworks that learn and evolve, optimizing user experiences with AI-powered insights.", buttonIcon: Brain,
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-artificial-intelligence-futuristic-communication-network-technology_53876-129773.jpg", imageAlt: "Icon representing intelligent design systems"},
{
title: "Human-Centered AI",
description: "Designing AI integrations with a strong focus on empathy, ensuring technology enhances human creativity and intuition.",
buttonIcon: "Heart",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336675.jpg",
imageAlt: "Icon representing human-centered AI",
},
title: "Human-Centered AI", description: "Designing AI integrations with a strong focus on empathy, ensuring technology enhances human creativity and intuition.", buttonIcon: Heart,
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336675.jpg", imageAlt: "Icon representing human-centered AI"},
{
title: "Future-Forward Vision",
description: "Anticipating emerging trends and pushing the boundaries of what's possible, shaping the future of design with AI.",
buttonIcon: "Rocket",
imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-light-bulb-clipboard-blackboard_23-2147873901.jpg",
imageAlt: "Icon representing future vision",
},
title: "Future-Forward Vision", description: "Anticipating emerging trends and pushing the boundaries of what's possible, shaping the future of design with AI.", buttonIcon: Rocket,
imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-light-bulb-clipboard-blackboard_23-2147873901.jpg", imageAlt: "Icon representing future vision"},
]}
title="Innovations at the Core"
description="Discover how Claude AI is integrated into every aspect of my creative process, from conceptualization to execution, delivering unparalleled results."
@@ -207,53 +150,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Generative Art Series",
price: "AI & Art",
variant: "Visuals",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626012.jpg",
imageAlt: "Generative art series project",
},
id: "p1", name: "Generative Art Series", price: "AI & Art", variant: "Visuals", imageSrc: "http://img.b2bpic.net/free-photo/portrait-fantasy-sea-creature_23-2151626012.jpg", imageAlt: "Generative art series project"},
{
id: "p2",
name: "Interactive UI/UX",
price: "AI-Driven Interface",
variant: "Applications",
imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg",
imageAlt: "Interactive UI/UX project",
},
id: "p2", name: "Interactive UI/UX", price: "AI-Driven Interface", variant: "Applications", imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-cabinet-private-clinic-with-laptop-diagnostics_482257-122738.jpg", imageAlt: "Interactive UI/UX project"},
{
id: "p3",
name: "Intelligent Data Visualization",
price: "Insights & Design",
variant: "Analytics",
imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744729.jpg",
imageAlt: "Intelligent data visualization project",
},
id: "p3", name: "Intelligent Data Visualization", price: "Insights & Design", variant: "Analytics", imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744729.jpg", imageAlt: "Intelligent data visualization project"},
{
id: "p4",
name: "Cognitive Branding",
price: "AI Brand Identity",
variant: "Branding",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0zfd4c",
imageAlt: "Cognitive branding project",
},
id: "p4", name: "Cognitive Branding", price: "AI Brand Identity", variant: "Branding", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0zfd4c", imageAlt: "Cognitive branding project"},
{
id: "p5",
name: "Automated Creative Workflows",
price: "Efficiency & Design",
variant: "Process",
imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-performing-regular-human-job-future_23-2151043458.jpg",
imageAlt: "Smart automation in design project",
},
id: "p5", name: "Automated Creative Workflows", price: "Efficiency & Design", variant: "Process", imageSrc: "http://img.b2bpic.net/free-photo/anthropomorphic-robot-performing-regular-human-job-future_23-2151043458.jpg", imageAlt: "Smart automation in design project"},
{
id: "p6",
name: "Experiential AI Installations",
price: "Immersive Art",
variant: "Experiences",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-hands-up-wearing-vr-set_23-2148513459.jpg",
imageAlt: "Experiential AI installation project",
},
id: "p6", name: "Experiential AI Installations", price: "Immersive Art", variant: "Experiences", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-hands-up-wearing-vr-set_23-2148513459.jpg", imageAlt: "Experiential AI installation project"},
]}
title="Selected AI-Design Projects"
description="A showcase of innovative projects where AI and design converge to create truly unique and impactful experiences."
@@ -271,25 +178,13 @@ export default function LandingPage() {
tagAnimation="opacity"
metrics={[
{
id: "m1",
value: "100+",
description: "AI-powered creative assets developed",
},
id: "m1", value: "100+", description: "AI-powered creative assets developed"},
{
id: "m2",
value: "95%",
description: "Client satisfaction rate on AI-integrated projects",
},
id: "m2", value: "95%", description: "Client satisfaction rate on AI-integrated projects"},
{
id: "m3",
value: "50%",
description: "Efficiency gain in design workflows with AI",
},
id: "m3", value: "50%", description: "Efficiency gain in design workflows with AI"},
{
id: "m4",
value: "10+",
description: "Collaborations with AI research teams",
},
id: "m4", value: "10+", description: "Collaborations with AI research teams"},
]}
metricsAnimation="blur-reveal"
/>
@@ -300,41 +195,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Chen",
imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg",
imageAlt: "Sarah Chen",
},
id: "t1", name: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-using-laptop-tablet-same-time_482257-8141.jpg", imageAlt: "Sarah Chen"},
{
id: "t2",
name: "Marcus Blake",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg",
imageAlt: "Marcus Blake",
},
id: "t2", name: "Marcus Blake", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149405995.jpg", imageAlt: "Marcus Blake"},
{
id: "t3",
name: "Dr. Anya Sharma",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg",
imageAlt: "Dr. Anya Sharma",
},
id: "t3", name: "Dr. Anya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-scientist_23-2148969947.jpg", imageAlt: "Dr. Anya Sharma"},
{
id: "t4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
imageAlt: "David Kim",
},
id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", imageAlt: "David Kim"},
{
id: "t5",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-taking-photo-with-device-world-photography-day_23-2151704488.jpg",
imageAlt: "Emily Rodriguez",
},
id: "t5", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-taking-photo-with-device-world-photography-day_23-2151704488.jpg", imageAlt: "Emily Rodriguez"},
{
id: "t6",
name: "Alex Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg",
imageAlt: "Alex Johnson",
},
id: "t6", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/young-entrepreneur-interacting-with-digital-ai-brain-symbolizing-platforms_482257-126296.jpg", imageAlt: "Alex Johnson"},
]}
cardTitle="What Collaborators Say"
cardTag="Endorsements"
@@ -347,14 +218,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"AI Innovators Lab",
"Creative Tech Studio",
"Data Visionary Inc.",
"Future Growth VC",
"Digital Learning Hub",
"Product Design Collective",
"Ethics AI Forum",
]}
"AI Innovators Lab", "Creative Tech Studio", "Data Visionary Inc.", "Future Growth VC", "Digital Learning Hub", "Product Design Collective", "Ethics AI Forum"]}
title="Trusted by Innovators"
description="Partners and platforms that trust my expertise in AI-driven creative design."
tag="Collaborations"
@@ -366,30 +230,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do you integrate Claude AI into your design process?",
content: "Claude AI assists in various stages, from initial brainstorming and conceptualization to generating alternative design directions and refining copy, acting as a powerful creative co-pilot.",
},
id: "q1", title: "How do you integrate Claude AI into your design process?", content: "Claude AI assists in various stages, from initial brainstorming and conceptualization to generating alternative design directions and refining copy, acting as a powerful creative co-pilot."},
{
id: "q2",
title: "What kind of projects are best suited for AI-powered design?",
content: "Projects requiring rapid ideation, data-driven personalization, complex system design, or innovative visual experiments benefit greatly from AI integration. This includes generative art, adaptive UIs, and smart branding.",
},
id: "q2", title: "What kind of projects are best suited for AI-powered design?", content: "Projects requiring rapid ideation, data-driven personalization, complex system design, or innovative visual experiments benefit greatly from AI integration. This includes generative art, adaptive UIs, and smart branding."},
{
id: "q3",
title: "Do you only work with AI projects?",
content: "While AI is a core focus, my expertise extends to traditional creative design disciplines. I bring an AI-informed perspective to all projects, seeking to enhance rather than replace human creativity.",
},
id: "q3", title: "Do you only work with AI projects?", content: "While AI is a core focus, my expertise extends to traditional creative design disciplines. I bring an AI-informed perspective to all projects, seeking to enhance rather than replace human creativity."},
{
id: "q4",
title: "What is your approach to ethical AI in design?",
content: "Ethical considerations are paramount. I prioritize transparency, fairness, and accountability, ensuring AI tools are used responsibly to augment human creativity without perpetuating biases or compromising user privacy.",
},
id: "q4", title: "What is your approach to ethical AI in design?", content: "Ethical considerations are paramount. I prioritize transparency, fairness, and accountability, ensuring AI tools are used responsibly to augment human creativity without perpetuating biases or compromising user privacy."},
{
id: "q5",
title: "How can I collaborate with you?",
content: "I'm always open to innovative collaborations. Please reach out via the contact form below with your project idea, and we can explore how AI and design can bring your vision to life.",
},
id: "q5", title: "How can I collaborate with you?", content: "I'm always open to innovative collaborations. Please reach out via the contact form below with your project idea, and we can explore how AI and design can bring your vision to life."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about my AI integration, design process, and collaboration opportunities."
@@ -403,8 +252,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
tag="Connect"
title="Let's Create the Future Together"
description="Ready to explore the possibilities of AI-driven design? Whether you have a project in mind or just want to discuss innovative ideas, I'd love to hear from you."
@@ -421,50 +269,31 @@ export default function LandingPage() {
logoText="AI + Design"
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "AI Insights",
href: "#",
},
label: "AI Insights", href: "#"},
{
label: "Design Principles",
href: "#",
},
label: "Design Principles", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}