Merge version_1 into main #2
133
src/app/page.tsx
133
src/app/page.tsx
@@ -28,7 +28,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="fluid"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -50,42 +50,26 @@ export default function HomePage() {
|
||||
tag="Smart Digital Solutions"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "fluid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/a-modern-website-design-mockup-showing-c-1772750212632-f809e8b5.png?_wi=1",
|
||||
imageAlt: "Modern website design showcase",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/a-modern-website-design-mockup-showing-c-1772750212632-f809e8b5.png", imageAlt: "Modern website design showcase"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/branding-design-showcase-with-logo-conce-1772750212705-18a26095.png?_wi=1",
|
||||
imageAlt: "Branding design project",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/branding-design-showcase-with-logo-conce-1772750212705-18a26095.png", imageAlt: "Branding design project"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/social-media-marketing-campaign-mockup-s-1772750212738-5d938f47.png?_wi=1",
|
||||
imageAlt: "Digital marketing campaign",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/social-media-marketing-campaign-mockup-s-1772750212738-5d938f47.png", imageAlt: "Digital marketing campaign"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-dashboard-showing-analytics-and--1772750213218-19abe33d.png?_wi=1",
|
||||
imageAlt: "Analytics dashboard interface",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-dashboard-showing-analytics-and--1772750213218-19abe33d.png", imageAlt: "Analytics dashboard interface"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-dashboard-showing-analytics-and--1772750213218-19abe33d.png?_wi=2",
|
||||
imageAlt: "Dashboard analytics",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-dashboard-showing-analytics-and--1772750213218-19abe33d.png", imageAlt: "Dashboard analytics"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/mobile-app-interface-showing-user-centri-1772750212791-cc2097e1.png",
|
||||
imageAlt: "Mobile app design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/mobile-app-interface-showing-user-centri-1772750212791-cc2097e1.png", imageAlt: "Mobile app design"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/website-development-process-visualizatio-1772750212194-e4bf5e33.png?_wi=1",
|
||||
imageAlt: "Website development process",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/website-development-process-visualizatio-1772750212194-e4bf5e33.png", imageAlt: "Website development process"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/a-modern-website-design-mockup-showing-c-1772750212632-f809e8b5.png?_wi=2",
|
||||
imageAlt: "Web interface design",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/a-modern-website-design-mockup-showing-c-1772750212632-f809e8b5.png", imageAlt: "Web interface design"},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Get a Free Consultation", href: "/contact" },
|
||||
@@ -106,32 +90,16 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Website Development",
|
||||
description: "Custom, responsive websites built with cutting-edge technology. We create fast, scalable, and SEO-friendly sites that convert visitors into customers.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/custom-website-development-showcase-mode-1772750211591-079abf13.png?_wi=1",
|
||||
imageAlt: "Website development showcase",
|
||||
},
|
||||
title: "Website Development", description: "Custom, responsive websites built with cutting-edge technology. We create fast, scalable, and SEO-friendly sites that convert visitors into customers.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/custom-website-development-showcase-mode-1772750211591-079abf13.png", imageAlt: "Website development showcase"},
|
||||
{
|
||||
id: 2,
|
||||
title: "UI/UX Design",
|
||||
description: "User-centered design that creates intuitive experiences. We research, wireframe, and design interfaces that users love and businesses rely on.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/user-experience-design-process-and-inter-1772750214194-4e0ce859.png?_wi=1",
|
||||
imageAlt: "UI/UX design process",
|
||||
},
|
||||
title: "UI/UX Design", description: "User-centered design that creates intuitive experiences. We research, wireframe, and design interfaces that users love and businesses rely on.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/user-experience-design-process-and-inter-1772750214194-4e0ce859.png", imageAlt: "UI/UX design process"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Branding & Identity",
|
||||
description: "Strategic brand development from logo design to complete visual identity. We build brands that stand out and resonate with your target audience.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-branding-and-identity-desig-1772750212083-282f5d0b.png?_wi=1",
|
||||
imageAlt: "Branding and identity design",
|
||||
},
|
||||
title: "Branding & Identity", description: "Strategic brand development from logo design to complete visual identity. We build brands that stand out and resonate with your target audience.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-branding-and-identity-desig-1772750212083-282f5d0b.png", imageAlt: "Branding and identity design"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Digital Marketing",
|
||||
description: "Data-driven marketing strategies including SEO, paid advertising, and social media. We grow your audience and drive measurable business results.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-marketing-strategy-visualization-1772750212779-ab0ee394.png?_wi=1",
|
||||
imageAlt: "Digital marketing strategy",
|
||||
},
|
||||
title: "Digital Marketing", description: "Data-driven marketing strategies including SEO, paid advertising, and social media. We grow your audience and drive measurable business results.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/digital-marketing-strategy-visualization-1772750212779-ab0ee394.png", imageAlt: "Digital marketing strategy"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
@@ -168,35 +136,14 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "TechFlow",
|
||||
name: "E-Commerce Platform",
|
||||
price: "Web Design",
|
||||
rating: 5,
|
||||
reviewCount: "15.2k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/completed-web-design-project-showcase-mo-1772750212681-51b1864f.png?_wi=1",
|
||||
imageAlt: "E-commerce platform design",
|
||||
},
|
||||
id: "1", brand: "TechFlow", name: "E-Commerce Platform", price: "Web Design", rating: 5,
|
||||
reviewCount: "15.2k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/completed-web-design-project-showcase-mo-1772750212681-51b1864f.png", imageAlt: "E-commerce platform design"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "CloudSync",
|
||||
name: "SaaS Dashboard",
|
||||
price: "Full Stack",
|
||||
rating: 5,
|
||||
reviewCount: "12.8k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/saas-platform-design-project-dashboard-i-1772750212725-e9422f64.png?_wi=1",
|
||||
imageAlt: "SaaS platform dashboard",
|
||||
},
|
||||
id: "2", brand: "CloudSync", name: "SaaS Dashboard", price: "Full Stack", rating: 5,
|
||||
reviewCount: "12.8k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/saas-platform-design-project-dashboard-i-1772750212725-e9422f64.png", imageAlt: "SaaS platform dashboard"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "BrandCo",
|
||||
name: "Corporate Identity",
|
||||
price: "Branding",
|
||||
rating: 5,
|
||||
reviewCount: "9.4k",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/corporate-branding-project-showcase-comp-1772750213126-00842039.png?_wi=1",
|
||||
imageAlt: "Corporate branding project",
|
||||
},
|
||||
id: "3", brand: "BrandCo", name: "Corporate Identity", price: "Branding", rating: 5,
|
||||
reviewCount: "9.4k", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/corporate-branding-project-showcase-comp-1772750213126-00842039.png", imageAlt: "Corporate branding project"},
|
||||
]}
|
||||
buttons={[{ text: "View All Projects", href: "/portfolio" }]}
|
||||
buttonAnimation="slide-up"
|
||||
@@ -215,41 +162,17 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "CEO",
|
||||
company: "InnovateTech",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-confident-fem-1772750211166-0c7b7dee.png",
|
||||
imageAlt: "Sarah Chen, CEO of InnovateTech",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "CEO", company: "InnovateTech", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-confident-fem-1772750211166-0c7b7dee.png", imageAlt: "Sarah Chen, CEO of InnovateTech"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Johnson",
|
||||
role: "Founder",
|
||||
company: "GrowthLabs",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-male-entrepre-1772750211554-cfd93a63.png",
|
||||
imageAlt: "Marcus Johnson, Founder of GrowthLabs",
|
||||
},
|
||||
id: "2", name: "Marcus Johnson", role: "Founder", company: "GrowthLabs", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-male-entrepre-1772750211554-cfd93a63.png", imageAlt: "Marcus Johnson, Founder of GrowthLabs"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "BrandCo",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-female-busine-1772750210740-8961d347.png",
|
||||
imageAlt: "Emily Rodriguez, Marketing Director at BrandCo",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "BrandCo", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-female-busine-1772750210740-8961d347.png", imageAlt: "Emily Rodriguez, Marketing Director at BrandCo"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Lead",
|
||||
company: "CloudSync",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-male-marketin-1772750211213-5881f6b1.png",
|
||||
imageAlt: "David Kim, Product Lead at CloudSync",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Product Lead", company: "CloudSync", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXs4GerfFDTw61kTzDRZEKyR0z/professional-headshot-of-a-male-marketin-1772750211213-5881f6b1.png", imageAlt: "David Kim, Product Lead at CloudSync"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "150+", label: "Projects Completed" },
|
||||
|
||||
Reference in New Issue
Block a user