Merge version_1 into main #2
219
src/app/page.tsx
219
src/app/page.tsx
@@ -24,8 +24,7 @@ export default function HomePage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "How It Works", href: "#how-it-works" },
|
||||
@@ -33,8 +32,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -42,8 +40,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
@@ -73,9 +70,7 @@ export default function HomePage() {
|
||||
id: item.id,
|
||||
}))}
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:+1-800-555-0123",
|
||||
}}
|
||||
text: "Call Now", href: "tel:+1-800-555-0123"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -119,25 +114,13 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Upload Product Photo",
|
||||
description: "Simply upload a clear image of your product. Our AI analyzes every detail for perfect results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-clean-modern-interface-showing-step-1--1773175668965-d9085af1.png?_wi=1",
|
||||
imageAlt: "Upload interface",
|
||||
},
|
||||
title: "Upload Product Photo", description: "Simply upload a clear image of your product. Our AI analyzes every detail for perfect results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-clean-modern-interface-showing-step-1--1773175668965-d9085af1.png", imageAlt: "Upload interface"},
|
||||
{
|
||||
id: 2,
|
||||
title: "AI Generates Creatives",
|
||||
description: "Watch as our AI instantly creates model photos, ads, reels, catalogs, and promotional graphics from your image.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-modern-interface-showing-step-2-where--1773175667670-fb4b2814.png?_wi=1",
|
||||
imageAlt: "AI generation interface",
|
||||
},
|
||||
title: "AI Generates Creatives", description: "Watch as our AI instantly creates model photos, ads, reels, catalogs, and promotional graphics from your image.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-modern-interface-showing-step-2-where--1773175667670-fb4b2814.png", imageAlt: "AI generation interface"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Download & Publish",
|
||||
description: "Download high-resolution files ready for social media, ads, websites, and print marketing.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-clean-interface-showing-step-3-where-u-1773175671366-dcc57944.png?_wi=1",
|
||||
imageAlt: "Download interface",
|
||||
},
|
||||
title: "Download & Publish", description: "Download high-resolution files ready for social media, ads, websites, and print marketing.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-clean-interface-showing-step-3-where-u-1773175671366-dcc57944.png", imageAlt: "Download interface"},
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Create stunning marketing content in minutes with our intuitive AI workflow. No design experience required."
|
||||
@@ -155,37 +138,13 @@ export default function HomePage() {
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "AI Model Photography",
|
||||
price: "Professional",
|
||||
variant: "Generate realistic model photos instantly",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/professional-ai-generated-model-photogra-1773175668514-4edb5cba.png?_wi=1",
|
||||
imageAlt: "Model photography feature",
|
||||
},
|
||||
id: "1", name: "AI Model Photography", price: "Professional", variant: "Generate realistic model photos instantly", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/professional-ai-generated-model-photogra-1773175668514-4edb5cba.png", imageAlt: "Model photography feature"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marketing Ads",
|
||||
price: "High-Converting",
|
||||
variant: "Create scroll-stopping ad creatives",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-high-converting-marketing-ad-creative--1773175667117-288c1b0a.png?_wi=1",
|
||||
imageAlt: "Marketing ads feature",
|
||||
},
|
||||
id: "2", name: "Marketing Ads", price: "High-Converting", variant: "Create scroll-stopping ad creatives", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-high-converting-marketing-ad-creative--1773175667117-288c1b0a.png", imageAlt: "Marketing ads feature"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Social Media Reels",
|
||||
price: "Viral-Ready",
|
||||
variant: "Generate engaging video-ready content",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-dynamic-video-ready-content-frame-for--1773175672458-212ca941.png?_wi=1",
|
||||
imageAlt: "Social media reels feature",
|
||||
},
|
||||
id: "3", name: "Social Media Reels", price: "Viral-Ready", variant: "Generate engaging video-ready content", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-dynamic-video-ready-content-frame-for--1773175672458-212ca941.png", imageAlt: "Social media reels feature"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Digital Catalogs",
|
||||
price: "Complete",
|
||||
variant: "Build beautiful product catalogs automatically",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-beautifully-organized-digital-product--1773175669285-df7ea9e3.png?_wi=1",
|
||||
imageAlt: "Digital catalogs feature",
|
||||
},
|
||||
id: "4", name: "Digital Catalogs", price: "Complete", variant: "Build beautiful product catalogs automatically", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-beautifully-organized-digital-product--1773175669285-df7ea9e3.png", imageAlt: "Digital catalogs feature"},
|
||||
]}
|
||||
title="Core AI Features"
|
||||
description="Everything you need to automate your marketing content creation and stay ahead of competition."
|
||||
@@ -202,52 +161,22 @@ export default function HomePage() {
|
||||
<MetricCardTen
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Clothing Boutiques",
|
||||
subtitle: "Generate stunning product photos and seasonal campaigns",
|
||||
category: "Fashion",
|
||||
value: "Save 10+ hours/week",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "1", title: "Clothing Boutiques", subtitle: "Generate stunning product photos and seasonal campaigns", category: "Fashion", value: "Save 10+ hours/week", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Jewelry Stores",
|
||||
subtitle: "Create luxury-grade product imagery and detailed catalogs",
|
||||
category: "Luxury",
|
||||
value: "Professional Quality",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "2", title: "Jewelry Stores", subtitle: "Create luxury-grade product imagery and detailed catalogs", category: "Luxury", value: "Professional Quality", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Bakeries & Cafes",
|
||||
subtitle: "Generate mouth-watering food photos and menu materials",
|
||||
category: "Food & Beverage",
|
||||
value: "100% On-Brand",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "3", title: "Bakeries & Cafes", subtitle: "Generate mouth-watering food photos and menu materials", category: "Food & Beverage", value: "100% On-Brand", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Salons & Spas",
|
||||
subtitle: "Create before/after transformations and service promotions",
|
||||
category: "Beauty",
|
||||
value: "Instant Results",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "4", title: "Salons & Spas", subtitle: "Create before/after transformations and service promotions", category: "Beauty", value: "Instant Results", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Ecommerce Sellers",
|
||||
subtitle: "Scale product listings with AI-generated lifestyle shots",
|
||||
category: "Online Retail",
|
||||
value: "Boost Conversions",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "5", title: "Ecommerce Sellers", subtitle: "Scale product listings with AI-generated lifestyle shots", category: "Online Retail", value: "Boost Conversions", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Cosmetics Brands",
|
||||
subtitle: "Generate swatches, tutorials, and promotional graphics",
|
||||
category: "Beauty Tech",
|
||||
value: "Unlimited Content",
|
||||
buttons={[{ text: "Learn More", href: "#contact" }]}
|
||||
id: "6", title: "Cosmetics Brands", subtitle: "Generate swatches, tutorials, and promotional graphics", category: "Beauty Tech", value: "Unlimited Content", buttons: [{ text: "Learn More", href: "#contact" }]
|
||||
},
|
||||
]}
|
||||
title="Industries We Serve"
|
||||
@@ -264,41 +193,17 @@ export default function HomePage() {
|
||||
<TestimonialCardSixteen
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Owner",
|
||||
company: "Elle Boutique",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-confident-w-1773175667073-1521e31d.png",
|
||||
imageAlt: "Sarah Mitchell",
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", role: "Owner", company: "Elle Boutique", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-confident-w-1773175667073-1521e31d.png", imageAlt: "Sarah Mitchell"},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Marketing Manager",
|
||||
company: "Shine Jewelry Co.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-an-asian-man--1773175667044-d5927b4a.png",
|
||||
imageAlt: "James Chen",
|
||||
},
|
||||
id: "2", name: "James Chen", role: "Marketing Manager", company: "Shine Jewelry Co.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-an-asian-man--1773175667044-d5927b4a.png", imageAlt: "James Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maria Rodriguez",
|
||||
role: "Founder",
|
||||
company: "Sweet Dreams Bakery",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-hispanic-wo-1773175666217-e0d0bcb6.png",
|
||||
imageAlt: "Maria Rodriguez",
|
||||
},
|
||||
id: "3", name: "Maria Rodriguez", role: "Founder", company: "Sweet Dreams Bakery", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-hispanic-wo-1773175666217-e0d0bcb6.png", imageAlt: "Maria Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Thompson",
|
||||
role: "Ecommerce Director",
|
||||
company: "TechGear Online",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-black-man-i-1773175667139-6ec0bbb6.png",
|
||||
imageAlt: "David Thompson",
|
||||
},
|
||||
id: "4", name: "David Thompson", role: "Ecommerce Director", company: "TechGear Online", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-professional-headshot-of-a-black-man-i-1773175667139-6ec0bbb6.png", imageAlt: "David Thompson"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "500+", label: "Happy Customers" },
|
||||
@@ -318,25 +223,9 @@ export default function HomePage() {
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
names={[
|
||||
"Acme Corp",
|
||||
"TechFlow",
|
||||
"Innovate Inc",
|
||||
"CloudSync",
|
||||
"Digital Solutions",
|
||||
"Future Systems",
|
||||
"Next Gen Tech",
|
||||
"Smart Ventures",
|
||||
]}
|
||||
"Acme Corp", "TechFlow", "Innovate Inc", "CloudSync", "Digital Solutions", "Future Systems", "Next Gen Tech", "Smart Ventures"]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/gradient-code-logo-white-blue_23-2148809624.jpg",
|
||||
"http://img.b2bpic.net/free-psd/cool-bubble-design-facebook-template_23-2149487593.jpg",
|
||||
"http://img.b2bpic.net/free-vector/luxury-golden-logo_1017-2159.jpg",
|
||||
"http://img.b2bpic.net/free-vector/bakery-labels-badges-pack_23-2147535966.jpg",
|
||||
"http://img.b2bpic.net/free-vector/4-logos_1069-23.jpg",
|
||||
"http://img.b2bpic.net/free-vector/flat-design-e-commerce-logos-pack_23-2148951212.jpg",
|
||||
"http://img.b2bpic.net/free-psd/makeup-artist-facebook-cover-template-design_23-2151784215.jpg",
|
||||
"http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148865387.jpg",
|
||||
]}
|
||||
"http://img.b2bpic.net/free-vector/gradient-code-logo-white-blue_23-2148809624.jpg", "http://img.b2bpic.net/free-psd/cool-bubble-design-facebook-template_23-2149487593.jpg", "http://img.b2bpic.net/free-vector/luxury-golden-logo_1017-2159.jpg", "http://img.b2bpic.net/free-vector/bakery-labels-badges-pack_23-2147535966.jpg", "http://img.b2bpic.net/free-vector/4-logos_1069-23.jpg", "http://img.b2bpic.net/free-vector/flat-design-e-commerce-logos-pack_23-2148951212.jpg", "http://img.b2bpic.net/free-psd/makeup-artist-facebook-cover-template-design_23-2151784215.jpg", "http://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148865387.jpg"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Powering marketing strategies for forward-thinking businesses nationwide."
|
||||
tag="Trusted Partners"
|
||||
@@ -351,53 +240,19 @@ export default function HomePage() {
|
||||
<PricingCardFive
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
tag: "Starter Plan",
|
||||
price: "$99",
|
||||
period: "/month",
|
||||
description: "Perfect for small boutiques and first-time users getting started with AI marketing.",
|
||||
button: { text: "Start Free Trial", href: "#contact" },
|
||||
featuresTitle: "What's Included:",
|
||||
features: [
|
||||
"200 AI-generated images/month",
|
||||
"Basic photo editing tools",
|
||||
"Email support",
|
||||
"Standard brand templates",
|
||||
],
|
||||
id: "starter", tag: "Starter Plan", price: "$99", period: "/month", description: "Perfect for small boutiques and first-time users getting started with AI marketing.", button: { text: "Start Free Trial", href: "#contact" },
|
||||
featuresTitle: "What's Included:", features: [
|
||||
"200 AI-generated images/month", "Basic photo editing tools", "Email support", "Standard brand templates"],
|
||||
},
|
||||
{
|
||||
id: "professional",
|
||||
tag: "Professional Plan",
|
||||
price: "$299",
|
||||
period: "/month",
|
||||
description: "Our most popular plan for growing ecommerce and multi-location businesses scaling fast.",
|
||||
button: { text: "Book a Demo", href: "#contact" },
|
||||
featuresTitle: "Everything in Starter, plus:",
|
||||
features: [
|
||||
"1,500 AI-generated images/month",
|
||||
"Advanced photo editing & customization",
|
||||
"Priority phone & email support",
|
||||
"Custom brand templates",
|
||||
"Social media scheduling integration",
|
||||
"Video reel generation",
|
||||
],
|
||||
id: "professional", tag: "Professional Plan", price: "$299", period: "/month", description: "Our most popular plan for growing ecommerce and multi-location businesses scaling fast.", button: { text: "Book a Demo", href: "#contact" },
|
||||
featuresTitle: "Everything in Starter, plus:", features: [
|
||||
"1,500 AI-generated images/month", "Advanced photo editing & customization", "Priority phone & email support", "Custom brand templates", "Social media scheduling integration", "Video reel generation"],
|
||||
},
|
||||
{
|
||||
id: "enterprise",
|
||||
tag: "Enterprise Plan",
|
||||
price: "Custom",
|
||||
period: "pricing",
|
||||
description: "Unlimited everything for large teams and enterprise-level operations.",
|
||||
button: { text: "Contact Sales", href: "tel:+1-800-555-0123" },
|
||||
featuresTitle: "Everything in Professional, plus:",
|
||||
features: [
|
||||
"Unlimited AI-generated content",
|
||||
"Dedicated account manager",
|
||||
"Custom API access",
|
||||
"Team collaboration tools",
|
||||
"Advanced analytics & reporting",
|
||||
"Custom integrations",
|
||||
],
|
||||
id: "enterprise", tag: "Enterprise Plan", price: "Custom", period: "pricing", description: "Unlimited everything for large teams and enterprise-level operations.", button: { text: "Contact Sales", href: "tel:+1-800-555-0123" },
|
||||
featuresTitle: "Everything in Professional, plus:", features: [
|
||||
"Unlimited AI-generated content", "Dedicated account manager", "Custom API access", "Team collaboration tools", "Advanced analytics & reporting", "Custom integrations"],
|
||||
},
|
||||
]}
|
||||
title="Simple Transparent Pricing"
|
||||
@@ -418,7 +273,7 @@ export default function HomePage() {
|
||||
tagIcon={Zap}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-modern-professional-contact-or-consult-1773175667197-9eb712c1.png?_wi=1"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AlmJfUwg8RSylWtWT9Y5wazAen/a-modern-professional-contact-or-consult-1773175667197-9eb712c1.png"
|
||||
imageAlt="Demo consultation"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
|
||||
Reference in New Issue
Block a user