Update src/app/page.tsx

This commit is contained in:
2026-05-30 12:35:51 +00:00
parent cc9f80c725
commit 05c2ffe8ff

View File

@@ -7,7 +7,7 @@ import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
@@ -55,39 +55,11 @@ export default function LandingPage() {
</div>
<div id="home" data-section="home">
<HeroSplitDoubleCarousel
<HeroBillboard
background={{
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", imageAlt: "ColorCraft AI dashboard generating color palettes"},
{
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/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/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"},
{
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/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/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={[
@@ -121,6 +93,8 @@ export default function LandingPage() {
{
type: "image", src: "http://img.b2bpic.net/free-vector/neon-business-cards-collection_23-2148566060.jpg", alt: "Pixel Pulse Agency Logo"},
]}
imageSrc="http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-arrangement_23-2148998865.jpg"
imageAlt="ColorCraft AI dashboard generating color palettes"
/>
</div>
@@ -193,7 +167,7 @@ export default function LandingPage() {
id: "pro", badge: "Most Popular", badgeIcon: Crown,
price: "$29/month", name: "Pro Designer", buttons: [
{
text: "Choose Pro", href: "#contact"},
text: "Unlock Pro Features", href: "#contact"},
],
features: [
"Unlimited AI Palette Generations", "Advanced Customization Tools", "High-Res Export & 3D Visualization", "Priority Email Support", "Access to Premium Textures"],
@@ -319,4 +293,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}