From 8f3cc86bd3ceb6c23c5719893baedd5d92c9ab61 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 07:53:51 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 68 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 45 insertions(+), 23 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 9f91fa8..d86a8db 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -49,15 +49,20 @@ export default function LandingPage() { background={{ variant: "gradient-bars" }} mediaItems={[ { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-instagram-post-design-sho-1772869914594-1569ea2d.png", imageAlt: "Professional Instagram post design"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-instagram-post-design-sho-1772869914594-1569ea2d.png", imageAlt: "Professional Instagram post design" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-dynamic-short-video-reel-thumbnail-or--1772869916298-d2b87010.png", imageAlt: "Dynamic short video reel thumbnail"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-dynamic-short-video-reel-thumbnail-or--1772869916298-d2b87010.png", imageAlt: "Dynamic short video reel thumbnail" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-ai-powered-social-media-marketing-gra-1772869916886-d5638b74.png", imageAlt: "AI-powered marketing graphics collection"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-ai-powered-social-media-marketing-gra-1772869916886-d5638b74.png", imageAlt: "AI-powered marketing graphics collection" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-comprehensive-content-calendar-or-plan-1772869916455-a45f74f4.png", imageAlt: "Social media content management dashboard"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-comprehensive-content-calendar-or-plan-1772869916455-a45f74f4.png", imageAlt: "Social media content management dashboard" + }, { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/professional-before-and-after-showcase-o-1772869914262-4c9c65a3.png", imageAlt: "Business growth analytics showcase"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/professional-before-and-after-showcase-o-1772869914262-4c9c65a3.png", imageAlt: "Business growth analytics showcase" + }, ]} mediaAnimation="blur-reveal" buttons={[ @@ -78,7 +83,8 @@ export default function LandingPage() { features={[ { id: "1", title: "AI Social Media Post Creation", description: "Custom Instagram posts, Facebook graphics, LinkedIn content, and more. Our AI generates eye-catching designs that match your brand and engage your audience.", media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-stunning-ai-generated-instagram-post-f-1772869914210-8a1a706c.png?_wi=1", imageAlt: "Fashion brand social media post"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-stunning-ai-generated-instagram-post-f-1772869914210-8a1a706c.png", imageAlt: "Fashion brand social media post" + }, items: [ { icon: CheckCircle, text: "Professional design templates" }, { icon: CheckCircle, text: "Brand-aligned aesthetics" }, @@ -89,7 +95,8 @@ export default function LandingPage() { }, { id: "2", title: "AI Short Video Creation (Reels & Shorts)", description: "Engaging short-form video content for Instagram Reels, TikTok, and YouTube Shorts. AI-powered editing, trending effects, and professional production quality.", media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-ai-created-marketing-post-1772869914504-19a8281e.png?_wi=1", imageAlt: "Tech company marketing post"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-ai-created-marketing-post-1772869914504-19a8281e.png", imageAlt: "Tech company marketing post" + }, items: [ { icon: CheckCircle, text: "Trending video effects" }, { icon: CheckCircle, text: "Professional editing" }, @@ -100,7 +107,8 @@ export default function LandingPage() { }, { id: "3", title: "Monthly Content Packages", description: "Comprehensive monthly plans with multiple posts, videos, and captions. Perfect for businesses needing consistent, high-quality social media content.", media: { - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-engaging-ai-generated-motivational-or-1772869914231-233bce7c.png?_wi=1", imageAlt: "Wellness brand social post"}, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-engaging-ai-generated-motivational-or-1772869914231-233bce7c.png", imageAlt: "Wellness brand social post" + }, items: [ { icon: CheckCircle, text: "4-8 posts per month" }, { icon: CheckCircle, text: "2-4 short videos" }, @@ -125,11 +133,14 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "1", name: "Step 1: You Contact Us", price: "Share Your Vision", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-clean-modern-background-illustration-o-1772869913322-2820c03d.png", imageAlt: "Contact and consultation"}, + id: "1", name: "Step 1: You Contact Us", price: "Share Your Vision", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-clean-modern-background-illustration-o-1772869913322-2820c03d.png", imageAlt: "Contact and consultation" + }, { - id: "2", name: "Step 2: We Create AI Content", price: "Professional Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-vibrant-energetic-social-media-post-fo-1772869914355-b9122bd7.png?_wi=1", imageAlt: "Content creation process"}, + id: "2", name: "Step 2: We Create AI Content", price: "Professional Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-vibrant-energetic-social-media-post-fo-1772869914355-b9122bd7.png", imageAlt: "Content creation process" + }, { - id: "3", name: "Step 3: Your Social Media Grows", price: "Attract Customers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-dynamic-modern-background-for-call-to--1772869912597-eab5bc07.png", imageAlt: "Growth and results"}, + id: "3", name: "Step 3: Your Social Media Grows", price: "Attract Customers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-dynamic-modern-background-for-call-to--1772869912597-eab5bc07.png", imageAlt: "Growth and results" + }, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -147,13 +158,17 @@ export default function LandingPage() { tagAnimation="slide-up" products={[ { - id: "1", name: "Fashion Brand Post", price: "Instagram Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-stunning-ai-generated-instagram-post-f-1772869914210-8a1a706c.png?_wi=2", imageAlt: "Fashion brand social media post"}, + id: "1", name: "Fashion Brand Post", price: "Instagram Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-stunning-ai-generated-instagram-post-f-1772869914210-8a1a706c.png", imageAlt: "Fashion brand social media post" + }, { - id: "2", name: "Tech Startup Content", price: "Marketing Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-ai-created-marketing-post-1772869914504-19a8281e.png?_wi=2", imageAlt: "Tech company marketing post"}, + id: "2", name: "Tech Startup Content", price: "Marketing Graphics", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-ai-created-marketing-post-1772869914504-19a8281e.png", imageAlt: "Tech company marketing post" + }, { - id: "3", name: "Wellness Campaign", price: "Lifestyle Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-engaging-ai-generated-motivational-or-1772869914231-233bce7c.png?_wi=2", imageAlt: "Wellness brand social post"}, + id: "3", name: "Wellness Campaign", price: "Lifestyle Design", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/an-engaging-ai-generated-motivational-or-1772869914231-233bce7c.png", imageAlt: "Wellness brand social post" + }, { - id: "4", name: "Food Brand Post", price: "Promotional Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-vibrant-energetic-social-media-post-fo-1772869914355-b9122bd7.png?_wi=2", imageAlt: "Food industry social media"}, + id: "4", name: "Food Brand Post", price: "Promotional Content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-vibrant-energetic-social-media-post-fo-1772869914355-b9122bd7.png", imageAlt: "Food industry social media" + }, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" @@ -169,17 +184,23 @@ export default function LandingPage() { author="Sarah Johnson, CEO of TechFlow" avatars={[ { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-or-avatar-of-a-s-1772869913491-8a631993.png", alt: "Sarah Johnson"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-or-avatar-of-a-s-1772869913491-8a631993.png", alt: "Sarah Johnson" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-marketing-m-1772869913430-19e667d6.png", alt: "Michael Chen"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-marketing-m-1772869913430-19e667d6.png", alt: "Michael Chen" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-business-ex-1772869913777-65ca4edc.png", alt: "Emily Rodriguez"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-business-ex-1772869913777-65ca4edc.png", alt: "Emily Rodriguez" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-young-entre-1772869912936-243d2f5b.png", alt: "David Kim"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-young-entre-1772869912936-243d2f5b.png", alt: "David Kim" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-business-pr-1772869914108-9c9a6711.png", alt: "Jennifer Martinez"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-business-pr-1772869914108-9c9a6711.png", alt: "Jennifer Martinez" + }, { - src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-successful--1772869914545-cfb7ee98.png", alt: "Robert Lee"}, + src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Abmr0eOO9xrc5a4nikwk5Q03bz/a-professional-headshot-of-a-successful--1772869914545-cfb7ee98.png", alt: "Robert Lee" + }, ]} ratingAnimation="slide-up" avatarsAnimation="slide-up" @@ -194,8 +215,9 @@ export default function LandingPage() { tag="Social Proof" tagIcon={Users} tagAnimation="slide-up" - names=[ - "TechFlow Inc", "CloudSync Solutions", "Digital Innovators", "Brand Growth Co", "Creative Studios", "Marketing Pro", "Social Ventures", "Startup Hub"] + names={[ + "TechFlow Inc", "CloudSync Solutions", "Digital Innovators", "Brand Growth Co", "Creative Studios", "Marketing Pro", "Social Ventures", "Startup Hub" + ]} textboxLayout="default" useInvertedBackground={false} speed={50} -- 2.49.1