Merge version_1 into main #2
183
src/app/page.tsx
183
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Aizen Web Studio"
|
||||
/>
|
||||
@@ -53,63 +45,33 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Premium Websites That Help Businesses Grow Online"
|
||||
description="I design modern, fast websites for businesses worldwide that attract customers, build trust, and increase sales — built to look premium from day one."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Aizen Web Studio built a site that truly represents our premium brand. Conversion increased by 40%!",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-futuristic-and-elegant-web-design-stud-1774776818894-ae4d2f08.png?_wi=1",
|
||||
imageAlt: "A futuristic and elegant web design studio hero background, dark aesthetic with subtle gold and blue",
|
||||
},
|
||||
name: "Sarah Johnson", handle: "@sarahj", testimonial: "Aizen Web Studio built a site that truly represents our premium brand. Conversion increased by 40%!", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-futuristic-and-elegant-web-design-stud-1774776818894-ae4d2f08.png", imageAlt: "A futuristic and elegant web design studio hero background, dark aesthetic with subtle gold and blue"},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
handle: "@mchen",
|
||||
testimonial: "Fast, professional, and clean. This is the quality you pay for when you want results.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-minimalist-sleek-icon-representing-bus-1774776818872-f19b58d6.png?_wi=1",
|
||||
imageAlt: "A minimalist, sleek icon representing business web design, gold and blue gradient, glassmorphism sty",
|
||||
},
|
||||
name: "Michael Chen", handle: "@mchen", testimonial: "Fast, professional, and clean. This is the quality you pay for when you want results.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-minimalist-sleek-icon-representing-bus-1774776818872-f19b58d6.png", imageAlt: "A minimalist, sleek icon representing business web design, gold and blue gradient, glassmorphism sty"},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "@emilyr",
|
||||
testimonial: "Finally, a designer who understands mobile-first and business growth. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-sleek-landing-page-icon-representing-h-1774776817726-42382fd0.png?_wi=1",
|
||||
imageAlt: "A sleek landing page icon representing high conversion rates, glassmorphism, gold accent, clean prof",
|
||||
},
|
||||
name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Finally, a designer who understands mobile-first and business growth. Highly recommend.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-sleek-landing-page-icon-representing-h-1774776817726-42382fd0.png", imageAlt: "A sleek landing page icon representing high conversion rates, glassmorphism, gold accent, clean prof"},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "@dkim",
|
||||
testimonial: "Worth every cent. The site looks expensive and runs lightning fast.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-modern-ecommerce-store-icon-sleek-styl-1774776819361-b7e4a0f7.png?_wi=1",
|
||||
imageAlt: "A modern ecommerce store icon, sleek style, gradient blue and gold, high-end professional design.",
|
||||
},
|
||||
name: "David Kim", handle: "@dkim", testimonial: "Worth every cent. The site looks expensive and runs lightning fast.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-modern-ecommerce-store-icon-sleek-styl-1774776819361-b7e4a0f7.png", imageAlt: "A modern ecommerce store icon, sleek style, gradient blue and gold, high-end professional design."},
|
||||
{
|
||||
name: "Alex Rivera",
|
||||
handle: "@arivera",
|
||||
testimonial: "The attention to detail and speed of delivery were unmatched. Top-tier work.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-premium-barbershop-website-ui-dark-mod-1774776819698-4b1c3ca7.png?_wi=1",
|
||||
imageAlt: "A premium barbershop website UI, dark mode, high-end photography, gold accents.",
|
||||
},
|
||||
name: "Alex Rivera", handle: "@arivera", testimonial: "The attention to detail and speed of delivery were unmatched. Top-tier work.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-premium-barbershop-website-ui-dark-mod-1774776819698-4b1c3ca7.png", imageAlt: "A premium barbershop website UI, dark mode, high-end photography, gold accents."},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Website",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Your Website", href: "#contact"},
|
||||
{
|
||||
text: "View Work",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Work", href: "#portfolio"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-futuristic-and-elegant-web-design-stud-1774776818894-ae4d2f08.png?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-futuristic-and-elegant-web-design-stud-1774776818894-ae4d2f08.png"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -121,32 +83,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Business Websites",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Agency",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-minimalist-sleek-icon-representing-bus-1774776818872-f19b58d6.png?_wi=2",
|
||||
},
|
||||
id: "s1", title: "Business Websites", tags: [
|
||||
"Professional", "Agency"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-minimalist-sleek-icon-representing-bus-1774776818872-f19b58d6.png"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "High-Converting Landing Pages",
|
||||
tags: [
|
||||
"Ads",
|
||||
"Sales",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-sleek-landing-page-icon-representing-h-1774776817726-42382fd0.png?_wi=2",
|
||||
},
|
||||
id: "s2", title: "High-Converting Landing Pages", tags: [
|
||||
"Ads", "Sales"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-sleek-landing-page-icon-representing-h-1774776817726-42382fd0.png"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Premium Ecommerce Stores",
|
||||
tags: [
|
||||
"Storefront",
|
||||
"Growth",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-modern-ecommerce-store-icon-sleek-styl-1774776819361-b7e4a0f7.png?_wi=2",
|
||||
},
|
||||
id: "s3", title: "Premium Ecommerce Stores", tags: [
|
||||
"Storefront", "Growth"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-modern-ecommerce-store-icon-sleek-styl-1774776819361-b7e4a0f7.png"},
|
||||
]}
|
||||
title="Services Built to Make You Look Legit"
|
||||
description="For business owners who want more than just a website. You need something that makes people trust you fast."
|
||||
@@ -161,23 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Elite Fade Barbershop",
|
||||
price: "Luxury Style",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-premium-barbershop-website-ui-dark-mod-1774776819698-4b1c3ca7.png?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Elite Fade Barbershop", price: "Luxury Style", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-premium-barbershop-website-ui-dark-mod-1774776819698-4b1c3ca7.png"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Ocean Bite Restaurant",
|
||||
price: "Modern Menu",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-stylish-ocean-side-restaurant-website--1774776818924-e388ea6a.png",
|
||||
},
|
||||
id: "p2", name: "Ocean Bite Restaurant", price: "Modern Menu", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-stylish-ocean-side-restaurant-website--1774776818924-e388ea6a.png"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Kingsaid Streetwear",
|
||||
price: "Brand Feel",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-luxury-fashion-streetwear-website-desi-1774776818764-c683618d.png",
|
||||
},
|
||||
id: "p3", name: "Kingsaid Streetwear", price: "Brand Feel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bc7yAX08CJo33ASelsJegBoaEw/a-luxury-fashion-streetwear-website-desi-1774776818764-c683618d.png"},
|
||||
]}
|
||||
title="Demo Portfolio"
|
||||
description="Clean, premium concepts designed to showcase potential."
|
||||
@@ -191,38 +126,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
badge: "Essential",
|
||||
price: "$600",
|
||||
subtitle: "Perfect for smaller businesses",
|
||||
features: [
|
||||
"3 Pages",
|
||||
"Mobile Optimized",
|
||||
"Contact Form",
|
||||
],
|
||||
id: "starter", badge: "Essential", price: "$600", subtitle: "Perfect for smaller businesses", features: [
|
||||
"3 Pages", "Mobile Optimized", "Contact Form"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Most Popular",
|
||||
price: "$1000",
|
||||
subtitle: "For serious growth",
|
||||
features: [
|
||||
"6 Pages",
|
||||
"Custom Premium Design",
|
||||
"Basic SEO",
|
||||
"Maps Integration",
|
||||
],
|
||||
id: "pro", badge: "Most Popular", price: "$1000", subtitle: "For serious growth", features: [
|
||||
"6 Pages", "Custom Premium Design", "Basic SEO", "Maps Integration"],
|
||||
},
|
||||
{
|
||||
id: "care",
|
||||
badge: "Growth",
|
||||
price: "$120/mo",
|
||||
subtitle: "Ongoing support",
|
||||
features: [
|
||||
"Content Updates",
|
||||
"Maintenance",
|
||||
"Security",
|
||||
],
|
||||
id: "care", badge: "Growth", price: "$120/mo", subtitle: "Ongoing support", features: [
|
||||
"Content Updates", "Maintenance", "Security"],
|
||||
},
|
||||
]}
|
||||
title="Premium Website Packages"
|
||||
@@ -235,28 +148,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does it take?",
|
||||
content: "Most projects are completed within 1-2 weeks.",
|
||||
},
|
||||
id: "f1", title: "How long does it take?", content: "Most projects are completed within 1-2 weeks."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you support international clients?",
|
||||
content: "Yes, I work with businesses worldwide.",
|
||||
},
|
||||
id: "f2", title: "Do you support international clients?", content: "Yes, I work with businesses worldwide."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "I accept direct transfers and various online payment platforms.",
|
||||
},
|
||||
id: "f3", title: "What payment methods are accepted?", content: "I accept direct transfers and various online payment platforms."},
|
||||
]}
|
||||
ctaTitle="Ready to Start?"
|
||||
ctaDescription="Let's build a website that makes your business look premium."
|
||||
ctaButton={{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/254717484859",
|
||||
}}
|
||||
text: "Chat on WhatsApp", href: "https://wa.me/254717484859"}}
|
||||
ctaIcon={MessageCircle}
|
||||
animationType="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -267,9 +170,7 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/kingsaid225",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/kingsaid225", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user