Update src/app/page.tsx
This commit is contained in:
371
src/app/page.tsx
371
src/app/page.tsx
@@ -34,160 +34,92 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQs",
|
||||
id: "#faqs",
|
||||
},
|
||||
name: "FAQs", id: "#faqs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627913.jpg"
|
||||
logoAlt="ColorCraft AI Logo"
|
||||
brandName="ColorCraft AI"
|
||||
button={{
|
||||
text: "Try it Free",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Try it Free", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
title="Revolutionize Your Design with AI-Powered Color Palettes"
|
||||
description="ColorCraft AI transforms your vision into vibrant reality. Effortlessly generate stunning color schemes tailored to any space, area type, and budget, ensuring perfect harmony every time. Define your space, generate options, and refine with intelligent precision."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-arrangement_23-2148998865.jpg?_wi=1",
|
||||
imageAlt: "ColorCraft AI dashboard generating color palettes",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-arrangement_23-2148998865.jpg", imageAlt: "ColorCraft AI dashboard generating color palettes"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805255.jpg?_wi=1",
|
||||
imageAlt: "AI-generated abstract art for interior design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805255.jpg", imageAlt: "AI-generated abstract art for interior design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624897.jpg",
|
||||
imageAlt: "ColorCraft AI app showing before and after room colors on a tablet",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624897.jpg", imageAlt: "ColorCraft AI app showing before and after room colors on a tablet"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg",
|
||||
imageAlt: "User interacting with ColorCraft AI on desktop, selecting textures",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-mockup-with-floating-phones-geometric-shapes_187299-48090.jpg", imageAlt: "User interacting with ColorCraft AI on desktop, selecting textures"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-concept-with-smartphone-template_23-2148023741.jpg",
|
||||
imageAlt: "Designer using ColorCraft AI on a touchscreen, creating a mood board",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/art-concept-with-smartphone-template_23-2148023741.jpg", imageAlt: "Designer using ColorCraft AI on a touchscreen, creating a mood board"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898141.jpg",
|
||||
imageAlt: "Futuristic home interior with AI-integrated smart lighting and wall colors",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898141.jpg", imageAlt: "Futuristic home interior with AI-integrated smart lighting and wall colors"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-neon-lights-texture_23-2148328028.jpg",
|
||||
imageAlt: "Vibrant gradient color palette generated by ColorCraft AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-exposure-neon-lights-texture_23-2148328028.jpg", imageAlt: "Vibrant gradient color palette generated by ColorCraft AI"},
|
||||
{
|
||||
imageAlt: "ColorCraft AI app input fields for size, area type, and cost",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-typing-into-ai-chatbot-system-automate-her-workflow-home-office_482257-122978.jpg",
|
||||
},
|
||||
imageAlt: "ColorCraft AI app input fields for size, area type, and cost", imageSrc: "http://img.b2bpic.net/free-photo/person-typing-into-ai-chatbot-system-automate-her-workflow-home-office_482257-122978.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248344.jpg",
|
||||
imageAlt: "Architectural blueprint with ColorCraft AI generated color scheme overlay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248344.jpg", imageAlt: "Architectural blueprint with ColorCraft AI generated color scheme overlay"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-engineer-working-maquette-plan-office_482257-10569.jpg",
|
||||
imageAlt: "Interior designer reviewing ColorCraft AI options on a large monitor",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-engineer-working-maquette-plan-office_482257-10569.jpg", imageAlt: "Interior designer reviewing ColorCraft AI options on a large monitor"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colored-plant-leaves_23-2149337929.jpg",
|
||||
imageAlt: "High-resolution display showing detailed ColorCraft AI texture generation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-colored-plant-leaves_23-2149337929.jpg", imageAlt: "High-resolution display showing detailed ColorCraft AI texture generation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-ceo-sitting-table-showing-graph_74855-15189.jpg",
|
||||
imageAlt: "Designers and homeowners celebrating ColorCraft AI results projected on a screen",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-bearded-ceo-sitting-table-showing-graph_74855-15189.jpg", imageAlt: "Designers and homeowners celebrating ColorCraft AI results projected on a screen"},
|
||||
]}
|
||||
tag="AI-Powered"
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Get Started", href: "#features"},
|
||||
{
|
||||
text: "Watch Demo",
|
||||
href: "#",
|
||||
},
|
||||
text: "Watch Demo", href: "#"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-happy-positive-pointing-himself_141793-111457.jpg",
|
||||
alt: "Professional male avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-happy-positive-pointing-himself_141793-111457.jpg", alt: "Professional male avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Professional female avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Professional female avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg",
|
||||
alt: "Diverse male avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-afroamerican-businessman-front-view_23-2148508922.jpg", alt: "Diverse male avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg",
|
||||
alt: "Diverse female avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lovable-woman-looking-front_197531-19779.jpg", alt: "Diverse female avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-man-white-t-shirt-redhead-caucasian-woman-striped-top_273609-14667.jpg",
|
||||
alt: "Neutral gender avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/african-man-white-t-shirt-redhead-caucasian-woman-striped-top_273609-14667.jpg", alt: "Neutral gender avatar"},
|
||||
]}
|
||||
avatarText="Join 50K+ Happy Designers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://home-logo-1",
|
||||
alt: "Innovate Design Studio Logo",
|
||||
},
|
||||
type: "image", src: "asset://home-logo-1", alt: "Innovate Design Studio Logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/technological-blue-logo-with-house-wifi_1035-5773.jpg",
|
||||
alt: "Aether Homes Logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/technological-blue-logo-with-house-wifi_1035-5773.jpg", alt: "Aether Homes Logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://home-logo-3",
|
||||
alt: "Apex Builds Logo",
|
||||
},
|
||||
type: "image", src: "asset://home-logo-3", alt: "Apex Builds Logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "asset://home-logo-4",
|
||||
alt: "Veridian Properties Logo",
|
||||
},
|
||||
type: "image", src: "asset://home-logo-4", alt: "Veridian Properties Logo"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/neon-business-cards-collection_23-2148566060.jpg",
|
||||
alt: "Pixel Pulse Agency Logo",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-vector/neon-business-cards-collection_23-2148566060.jpg", alt: "Pixel Pulse Agency Logo"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -199,19 +131,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Palette,
|
||||
label: "Palettes Generated",
|
||||
value: "1M+",
|
||||
},
|
||||
label: "Palettes Generated", value: "1M+"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Happy Designers",
|
||||
value: "50K+",
|
||||
},
|
||||
label: "Happy Designers", value: "50K+"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Time Saved (Avg)",
|
||||
value: "75%",
|
||||
},
|
||||
label: "Time Saved (Avg)", value: "75%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -224,46 +150,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Define Your Space & Needs",
|
||||
description: "Input your room's dimensions, type (e.g., kitchen, bedroom), existing furniture colors, and even your budget. Our AI understands your specific constraints.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440911.jpg",
|
||||
imageAlt: "Smartphone showing room parameter input in ColorCraft AI",
|
||||
},
|
||||
title: "Define Your Space & Needs", description: "Input your room's dimensions, type (e.g., kitchen, bedroom), existing furniture colors, and even your budget. Our AI understands your specific constraints.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440911.jpg", imageAlt: "Smartphone showing room parameter input in ColorCraft AI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038914.jpg",
|
||||
imageAlt: "Smartphone showing generated color palette options in ColorCraft AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627913.jpg",
|
||||
imageAlt: "AI room parameter input mobile app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150038914.jpg", imageAlt: "Smartphone showing generated color palette options in ColorCraft AI"}
|
||||
},
|
||||
{
|
||||
title: "Intelligent Palette Generation",
|
||||
description: "Based on your inputs, ColorCraft AI instantly generates multiple harmonious color palettes. Explore options tailored for mood, style, and lighting conditions.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-picker-interface-tablet-display_23-2152014667.jpg",
|
||||
imageAlt: "Smartphone showing advanced color customization sliders in ColorCraft AI",
|
||||
},
|
||||
title: "Intelligent Palette Generation", description: "Based on your inputs, ColorCraft AI instantly generates multiple harmonious color palettes. Explore options tailored for mood, style, and lighting conditions.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/color-picker-interface-tablet-display_23-2152014667.jpg", imageAlt: "Smartphone showing advanced color customization sliders in ColorCraft AI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-building_23-2150760992.jpg",
|
||||
imageAlt: "Smartphone showing 3D room rendering with custom palette applied in ColorCraft AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-arrangement_23-2148998865.jpg?_wi=2",
|
||||
imageAlt: "AI room parameter input mobile app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-model-house-building_23-2150760992.jpg", imageAlt: "Smartphone showing 3D room rendering with custom palette applied in ColorCraft AI"}
|
||||
},
|
||||
{
|
||||
title: "Refine, Visualize & Apply",
|
||||
description: "Customize generated palettes with fine-tuned controls. Visualize them in 3D renderings of your actual space, then seamlessly integrate with smart home systems for instant application.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg",
|
||||
imageAlt: "Smartphone showing smart home integration in ColorCraft AI",
|
||||
},
|
||||
title: "Refine, Visualize & Apply", description: "Customize generated palettes with fine-tuned controls. Visualize them in 3D renderings of your actual space, then seamlessly integrate with smart home systems for instant application.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system-using-voice-controlled-sma_482257-2844.jpg", imageAlt: "Smartphone showing smart home integration in ColorCraft AI"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-new-year-close-up_169016-43490.jpg",
|
||||
imageAlt: "Smartphone showing share and collaborate interface in ColorCraft AI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805255.jpg?_wi=2",
|
||||
imageAlt: "AI room parameter input mobile app",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-new-year-close-up_169016-43490.jpg", imageAlt: "Smartphone showing share and collaborate interface in ColorCraft AI"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -279,63 +181,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Free Tier",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$0",
|
||||
name: "Starter",
|
||||
buttons: [
|
||||
id: "starter", badge: "Free Tier", badgeIcon: Sparkles,
|
||||
price: "$0", name: "Starter", buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"5 AI Palette Generations/month",
|
||||
"Basic Color Customization",
|
||||
"Standard Image Export",
|
||||
"Email Support",
|
||||
],
|
||||
"5 AI Palette Generations/month", "Basic Color Customization", "Standard Image Export", "Email Support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
badgeIcon: Crown,
|
||||
price: "$29/month",
|
||||
name: "Pro Designer",
|
||||
buttons: [
|
||||
id: "pro", badge: "Most Popular", badgeIcon: Crown,
|
||||
price: "$29/month", name: "Pro Designer", buttons: [
|
||||
{
|
||||
text: "Choose Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Choose Pro", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited AI Palette Generations",
|
||||
"Advanced Customization Tools",
|
||||
"High-Res Export & 3D Visualization",
|
||||
"Priority Email Support",
|
||||
"Access to Premium Textures",
|
||||
],
|
||||
"Unlimited AI Palette Generations", "Advanced Customization Tools", "High-Res Export & 3D Visualization", "Priority Email Support", "Access to Premium Textures"],
|
||||
},
|
||||
{
|
||||
id: "studio",
|
||||
badge: "Enterprise",
|
||||
badgeIcon: Building,
|
||||
price: "$99/month",
|
||||
name: "Studio Team",
|
||||
buttons: [
|
||||
id: "studio", badge: "Enterprise", badgeIcon: Building,
|
||||
price: "$99/month", name: "Studio Team", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Pro Features",
|
||||
"Multi-User Accounts (up to 5)",
|
||||
"Collaborative Workspaces",
|
||||
"Dedicated Account Manager",
|
||||
"API Access & Integrations",
|
||||
],
|
||||
"All Pro Features", "Multi-User Accounts (up to 5)", "Collaborative Workspaces", "Dedicated Account Manager", "API Access & Integrations"],
|
||||
},
|
||||
]}
|
||||
title="Find Your Perfect Plan"
|
||||
@@ -350,25 +220,13 @@ export default function LandingPage() {
|
||||
tag="Our Impact"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
description: "User Satisfaction Rate",
|
||||
},
|
||||
id: "1", value: "98%", description: "User Satisfaction Rate"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
description: "AI Availability",
|
||||
},
|
||||
id: "2", value: "24/7", description: "AI Availability"},
|
||||
{
|
||||
id: "3",
|
||||
value: "180+",
|
||||
description: "Countries Reached",
|
||||
},
|
||||
id: "3", value: "180+", description: "Countries Reached"},
|
||||
{
|
||||
id: "4",
|
||||
value: "2M+",
|
||||
description: "Designs Created",
|
||||
},
|
||||
id: "4", value: "2M+", description: "Designs Created"},
|
||||
]}
|
||||
metricsAnimation="opacity"
|
||||
/>
|
||||
@@ -380,65 +238,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Jan 2024",
|
||||
title: "Game-Changer for Interior Design!",
|
||||
quote: "ColorCraft AI has transformed my workflow. The ability to quickly generate and visualize palettes based on client needs, size, and cost has saved me countless hours. My clients are always amazed by the realistic renderings.",
|
||||
tag: "Interior Designer",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg",
|
||||
avatarAlt: "Sarah Johnson avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling-communicating-with-her-partners-young-attractive-smiling-woman-speaking-cell-phone-city_549566-549.jpg",
|
||||
imageAlt: "Sarah Johnson, Interior Designer",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", date: "Jan 2024", title: "Game-Changer for Interior Design!", quote: "ColorCraft AI has transformed my workflow. The ability to quickly generate and visualize palettes based on client needs, size, and cost has saved me countless hours. My clients are always amazed by the realistic renderings.", tag: "Interior Designer", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg", avatarAlt: "Sarah Johnson avatar", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-businesswoman-smiling-communicating-with-her-partners-young-attractive-smiling-woman-speaking-cell-phone-city_549566-549.jpg", imageAlt: "Sarah Johnson, Interior Designer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
date: "Feb 2024",
|
||||
title: "Perfect for Home Renovations",
|
||||
quote: "As a homeowner doing a renovation, picking colors was overwhelming. ColorCraft AI made it so simple! I just entered my room size and budget, and it gave me beautiful, practical options. Highly recommended!",
|
||||
tag: "Homeowner",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man_23-2149880056.jpg",
|
||||
avatarAlt: "Michael Chen avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",
|
||||
imageAlt: "Michael Chen, Homeowner",
|
||||
},
|
||||
id: "2", name: "Michael Chen", date: "Feb 2024", title: "Perfect for Home Renovations", quote: "As a homeowner doing a renovation, picking colors was overwhelming. ColorCraft AI made it so simple! I just entered my room size and budget, and it gave me beautiful, practical options. Highly recommended!", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man_23-2149880056.jpg", avatarAlt: "Michael Chen avatar", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg", imageAlt: "Michael Chen, Homeowner"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Mar 2024",
|
||||
title: "Boosted My Architectural Practice",
|
||||
quote: "Integrating ColorCraft AI into our architectural firm has been a huge success. It helps us present cohesive design concepts faster, and the cost estimation feature is invaluable for project planning.",
|
||||
tag: "Architect",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-man_23-2151836575.jpg",
|
||||
avatarAlt: "Emily Rodriguez avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-helmet-holding-hammer-smiling-pink-space_140725-28816.jpg",
|
||||
imageAlt: "Emily Rodriguez, Architect",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", date: "Mar 2024", title: "Boosted My Architectural Practice", quote: "Integrating ColorCraft AI into our architectural firm has been a huge success. It helps us present cohesive design concepts faster, and the cost estimation feature is invaluable for project planning.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-man_23-2151836575.jpg", avatarAlt: "Emily Rodriguez avatar", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-builder-green-construction-suit-helmet-holding-hammer-smiling-pink-space_140725-28816.jpg", imageAlt: "Emily Rodriguez, Architect"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
date: "Apr 2024",
|
||||
title: "Essential Tool for Contractors",
|
||||
quote: "I use ColorCraft AI to show clients realistic color choices before we even start. It minimizes revisions and ensures everyone is on the same page. A truly essential tool for modern contractors.",
|
||||
tag: "Contractor",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-worker-overalls-steel-factory-background_176420-5565.jpg",
|
||||
avatarAlt: "David Kim avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
imageAlt: "David Kim, Contractor",
|
||||
},
|
||||
id: "4", name: "David Kim", date: "Apr 2024", title: "Essential Tool for Contractors", quote: "I use ColorCraft AI to show clients realistic color choices before we even start. It minimizes revisions and ensures everyone is on the same page. A truly essential tool for modern contractors.", tag: "Contractor", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-worker-overalls-steel-factory-background_176420-5565.jpg", avatarAlt: "David Kim avatar", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", imageAlt: "David Kim, Contractor"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
date: "May 2024",
|
||||
title: "Simplifies Real Estate Staging",
|
||||
quote: "For real estate staging, fast and effective color choices are key. ColorCraft AI helps me quickly mock up ideal color schemes that appeal to buyers, making properties more attractive and selling faster.",
|
||||
tag: "Real Estate Agent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
|
||||
avatarAlt: "Jessica Lee avatar",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
imageAlt: "Jessica Lee, Real Estate Agent",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", date: "May 2024", title: "Simplifies Real Estate Staging", quote: "For real estate staging, fast and effective color choices are key. ColorCraft AI helps me quickly mock up ideal color schemes that appeal to buyers, making properties more attractive and selling faster.", tag: "Real Estate Agent", avatarSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg", avatarAlt: "Jessica Lee avatar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg", imageAlt: "Jessica Lee, Real Estate Agent"},
|
||||
]}
|
||||
title="What Our Users Are Saying"
|
||||
description="Hear from professionals and homeowners who are transforming their spaces with the intelligent capabilities of ColorCraft AI."
|
||||
@@ -450,14 +258,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Design Innovations",
|
||||
"SmartBuild Solutions",
|
||||
"Urban Aesthetics",
|
||||
"Estate Lux Group",
|
||||
"Creative Flow Studio",
|
||||
"Modern Living Co.",
|
||||
"Sustainable Spaces",
|
||||
]}
|
||||
"Design Innovations", "SmartBuild Solutions", "Urban Aesthetics", "Estate Lux Group", "Creative Flow Studio", "Modern Living Co.", "Sustainable Spaces"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="ColorCraft AI is the chosen partner for top design firms, real estate agencies, and smart home innovators."
|
||||
/>
|
||||
@@ -468,30 +269,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does ColorCraft AI generate palettes?",
|
||||
content: "Our AI uses advanced algorithms, factoring in your room's size, type, existing decor, and desired cost range, along with current design trends and color theory principles, to create optimal palettes.",
|
||||
},
|
||||
id: "1", title: "How does ColorCraft AI generate palettes?", content: "Our AI uses advanced algorithms, factoring in your room's size, type, existing decor, and desired cost range, along with current design trends and color theory principles, to create optimal palettes."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I customize the generated colors?",
|
||||
content: "Absolutely! ColorCraft AI provides intuitive tools to fine-tune hue, saturation, and brightness, allowing you to personalize every palette to your exact preferences.",
|
||||
},
|
||||
id: "2", title: "Can I customize the generated colors?", content: "Absolutely! ColorCraft AI provides intuitive tools to fine-tune hue, saturation, and brightness, allowing you to personalize every palette to your exact preferences."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What information does the app require?",
|
||||
content: "The app primarily asks for the dimensions of your area, the type of room (e.g., living room, office), and your estimated budget. Optionally, you can include photos of existing furniture for better integration.",
|
||||
},
|
||||
id: "3", title: "What information does the app require?", content: "The app primarily asks for the dimensions of your area, the type of room (e.g., living room, office), and your estimated budget. Optionally, you can include photos of existing furniture for better integration."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is there a free trial or free tier?",
|
||||
content: "Yes, we offer a 'Starter' free tier with limited palette generations and basic features, perfect for trying out ColorCraft AI before committing to a paid plan.",
|
||||
},
|
||||
id: "4", title: "Is there a free trial or free tier?", content: "Yes, we offer a 'Starter' free tier with limited palette generations and basic features, perfect for trying out ColorCraft AI before committing to a paid plan."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How accurate are the cost estimations?",
|
||||
content: "Our cost estimations are based on regional averages and material types. While they provide a strong guideline, actual costs may vary depending on suppliers and local market fluctuations.",
|
||||
},
|
||||
id: "5", title: "How accurate are the cost estimations?", content: "Our cost estimations are based on regional averages and material types. While they provide a strong guideline, actual costs may vary depending on suppliers and local market fluctuations."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered."
|
||||
sideDescription="Find quick answers to the most common questions about ColorCraft AI, its functionality, and how it can empower your design projects."
|
||||
@@ -503,8 +289,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Transform Your Space Today"
|
||||
description="Ready to experience the future of color design? Sign up for ColorCraft AI's free tier or contact us for enterprise solutions."
|
||||
@@ -521,19 +306,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "#", ariaLabel: "LinkedIn"},
|
||||
{
|
||||
icon: Github,
|
||||
href: "#",
|
||||
ariaLabel: "GitHub",
|
||||
},
|
||||
href: "#", ariaLabel: "GitHub"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user