Merge version_1 into main #1
249
src/app/page.tsx
249
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Portfolio", id: "#portfolio" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="KasiLux"
|
||||
/>
|
||||
@@ -60,12 +45,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="KasiLux Digital"
|
||||
description="We Turn Local Hustles Into Luxury Brands. Let us elevate your presence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Transformation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Transformation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/open-drawer-linear-perspective-dark-interior_169016-69134.jpg"
|
||||
imageAlt="luxury dark minimal business"
|
||||
/>
|
||||
@@ -91,39 +71,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Web Design",
|
||||
author: "KasiLux",
|
||||
description: "Custom sites for local pros.",
|
||||
tags: [
|
||||
"Web",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussion-planning-analysis-concept_53876-133857.jpg",
|
||||
imageAlt: "before after business transformation",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Branding",
|
||||
author: "KasiLux",
|
||||
description: "Logo and identity creation.",
|
||||
tags: [
|
||||
"Logo",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-pressing-shiny-button_1232-129.jpg",
|
||||
imageAlt: "before after shop transformation",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Booking Systems",
|
||||
author: "KasiLux",
|
||||
description: "Simplify your client scheduling.",
|
||||
tags: [
|
||||
"Booking",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bubbles-light-blue-foam_23-2147797982.jpg",
|
||||
imageAlt: "car wash brand transformation",
|
||||
},
|
||||
{ id: "f1", title: "Web Design", author: "KasiLux", description: "Custom sites for local pros.", tags: ["Web"], imageSrc: "http://img.b2bpic.net/free-photo/business-people-discussion-planning-analysis-concept_53876-133857.jpg", imageAlt: "before after business transformation" },
|
||||
{ id: "f2", title: "Branding", author: "KasiLux", description: "Logo and identity creation.", tags: ["Logo"], imageSrc: "http://img.b2bpic.net/free-photo/businessman-pressing-shiny-button_1232-129.jpg", imageAlt: "before after shop transformation" },
|
||||
{ id: "f3", title: "Booking Systems", author: "KasiLux", description: "Simplify your client scheduling.", tags: ["Booking"], imageSrc: "http://img.b2bpic.net/free-photo/bubbles-light-blue-foam_23-2147797982.jpg", imageAlt: "car wash brand transformation" },
|
||||
]}
|
||||
title="Premium Digital Services"
|
||||
description="Comprehensive branding and digital tools designed for small businesses."
|
||||
@@ -132,70 +82,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Barbershop",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg",
|
||||
imageAlt: "before after business transformation",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Boutique",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "80+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg",
|
||||
imageAlt: "before after shop transformation",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Car Wash",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "60+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-bath-bomb-water_23-2147933769.jpg",
|
||||
imageAlt: "car wash brand transformation",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Salon",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "90+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-sitting-white-desk-taking-photos-notes-her-cellphone-isolated_574295-5242.jpg",
|
||||
imageAlt: "salon transformation branding",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Street Vendor",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "50+",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/n-initial-gradient-colorful-logo-design_343694-1755.jpg",
|
||||
imageAlt: "street vendor branding upgrade",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Nail Tech",
|
||||
name: "Premium Upgrade",
|
||||
price: "Featured",
|
||||
rating: 5,
|
||||
reviewCount: "120+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg",
|
||||
imageAlt: "nail tech branding transformation",
|
||||
},
|
||||
{ id: "p1", brand: "Barbershop", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/vintage-paper-clipboard-salon-tools-jobs-career-concept_53876-127081.jpg", imageAlt: "before after business transformation" },
|
||||
{ id: "p2", brand: "Boutique", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/growth-status-technology-online-website-concept_53876-21396.jpg", imageAlt: "before after shop transformation" },
|
||||
{ id: "p3", brand: "Car Wash", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "60+", imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-bath-bomb-water_23-2147933769.jpg", imageAlt: "car wash brand transformation" },
|
||||
{ id: "p4", brand: "Salon", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-photo-girl-sitting-white-desk-taking-photos-notes-her-cellphone-isolated_574295-5242.jpg", imageAlt: "salon transformation branding" },
|
||||
{ id: "p5", brand: "Street Vendor", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-vector/n-initial-gradient-colorful-logo-design_343694-1755.jpg", imageAlt: "street vendor branding upgrade" },
|
||||
{ id: "p6", brand: "Nail Tech", name: "Premium Upgrade", price: "Featured", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg", imageAlt: "nail tech branding transformation" },
|
||||
]}
|
||||
title="Transformations"
|
||||
description="Real businesses, real upgrades."
|
||||
@@ -209,51 +106,11 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James M.",
|
||||
role: "Barber",
|
||||
company: "M's Cuts",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-african-businessman-classy-suit_1303-18456.jpg",
|
||||
imageAlt: "business owner portrait dark background",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sindi L.",
|
||||
role: "Boutique",
|
||||
company: "Luxe Shop",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg",
|
||||
imageAlt: "professional barber portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Thabo P.",
|
||||
role: "Car Wash",
|
||||
company: "Clean Wash",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg",
|
||||
imageAlt: "shop owner portrait elegant",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Refilwe M.",
|
||||
role: "Nail Artist",
|
||||
company: "Nails by Refi",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-posing-showing-like-sign-blue_140725-24230.jpg",
|
||||
imageAlt: "nail artist professional portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "John D.",
|
||||
role: "Vendor",
|
||||
company: "Fresh Eats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-recording-station-ready-interview_1303-22002.jpg",
|
||||
imageAlt: "successful street vendor portrait",
|
||||
},
|
||||
{ id: "t1", name: "James M.", role: "Barber", company: "M's Cuts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-african-businessman-classy-suit_1303-18456.jpg", imageAlt: "business owner portrait dark background" },
|
||||
{ id: "t2", name: "Sindi L.", role: "Boutique", company: "Luxe Shop", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9495.jpg", imageAlt: "professional barber portrait" },
|
||||
{ id: "t3", name: "Thabo P.", role: "Car Wash", company: "Clean Wash", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-indoors_23-2149722597.jpg", imageAlt: "shop owner portrait elegant" },
|
||||
{ id: "t4", name: "Refilwe M.", role: "Nail Artist", company: "Nails by Refi", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-posing-showing-like-sign-blue_140725-24230.jpg", imageAlt: "nail artist professional portrait" },
|
||||
{ id: "t5", name: "John D.", role: "Vendor", company: "Fresh Eats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-recording-station-ready-interview_1303-22002.jpg", imageAlt: "successful street vendor portrait" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="See what our partners say about us."
|
||||
@@ -265,21 +122,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How much for a new brand?",
|
||||
content: "Our packages vary based on your specific business needs.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer payments?",
|
||||
content: "We offer flexible payment options for small local businesses.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I book via WhatsApp?",
|
||||
content: "Yes! We integrate WhatsApp for all your client bookings.",
|
||||
},
|
||||
{ id: "q1", title: "How much for a new brand?", content: "Our packages vary based on your specific business needs." },
|
||||
{ id: "q2", title: "Do you offer payments?", content: "We offer flexible payment options for small local businesses." },
|
||||
{ id: "q3", title: "Can I book via WhatsApp?", content: "Yes! We integrate WhatsApp for all your client bookings." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about KasiLux."
|
||||
@@ -290,9 +135,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Get Started"
|
||||
description="Ready to look like a premium brand? Book a call or chat on WhatsApp now."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/future-visions-business-technology-concept_23-2151893456.jpg"
|
||||
@@ -307,45 +150,9 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-black-espresso-coffee-cup-black-table-top-view-copy-space-minimalist-breakfast-idea-black-sunshine-coffee-steam_166373-2298.jpg"
|
||||
logoText="KasiLux Digital"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Design",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Portfolio", href: "#portfolio" }] },
|
||||
{ title: "Services", items: [{ label: "Design", href: "#services" }, { label: "Booking", href: "#contact" }] },
|
||||
{ title: "Connect", items: [{ label: "WhatsApp", href: "#" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
imageAlt="luxury dark minimal business"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user