Merge version_1 into main #2
240
src/app/page.tsx
240
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mr Sawa"
|
||||
/>
|
||||
@@ -58,42 +48,21 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Your Trusted Partner in Business, Style & Solutions"
|
||||
description="Experience reliability and affordability with Mr Sawa. We provide top-tier construction, fashion, brokerage, and consulting services tailored for the discerning client."
|
||||
tag="Elevate Your Vision"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-road-spedd-concept_1194-637950.jpg?_wi=1",
|
||||
imageAlt: "luxury office boardroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-road-spedd-concept_1194-637950.jpg", imageAlt: "luxury office boardroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg?_wi=1",
|
||||
imageAlt: "architectural detail gold",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-dynamic-shape-background_1017-3403.jpg",
|
||||
imageAlt: "Abstract dynamic shape background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crystal-prism-with-long-shadow-yellow-background_23-2147948758.jpg",
|
||||
imageAlt: "Crystal prism with long shadow on yellow background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/defocused-bokeh-light-dark-background_23-2148056716.jpg",
|
||||
imageAlt: "Defocused bokeh light on dark background",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg", imageAlt: "architectural detail gold"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,19 +77,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Building2,
|
||||
label: "Projects Completed",
|
||||
value: "150+",
|
||||
},
|
||||
label: "Projects Completed", value: "150+"},
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "Consulting Hours",
|
||||
value: "5k+",
|
||||
},
|
||||
label: "Consulting Hours", value: "5k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Industry Awards",
|
||||
value: "25",
|
||||
},
|
||||
label: "Industry Awards", value: "25"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -133,38 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Construction Services",
|
||||
author: "Experts",
|
||||
description: "High-end residential and commercial construction with premium finishings.",
|
||||
tags: [
|
||||
"Construction",
|
||||
"Architecture",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-703.jpg?_wi=1",
|
||||
},
|
||||
id: "s1", title: "Construction Services", author: "Experts", description: "High-end residential and commercial construction with premium finishings.", tags: [
|
||||
"Construction", "Architecture"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-703.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Clothing & Fashion",
|
||||
author: "Stylists",
|
||||
description: "Exclusive fashion collection tailored for unique lifestyle needs.",
|
||||
tags: [
|
||||
"Fashion",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg?_wi=1",
|
||||
},
|
||||
id: "s2", title: "Clothing & Fashion", author: "Stylists", description: "Exclusive fashion collection tailored for unique lifestyle needs.", tags: [
|
||||
"Fashion", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Consulting & Lifestyle",
|
||||
author: "Advisors",
|
||||
description: "Strategic business consulting and personalized lifestyle enhancement.",
|
||||
tags: [
|
||||
"Consulting",
|
||||
"Lifestyle",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pressure-feeling-frustrated-with-her-coworker_482257-131902.jpg",
|
||||
},
|
||||
id: "s3", title: "Consulting & Lifestyle", author: "Advisors", description: "Strategic business consulting and personalized lifestyle enhancement.", tags: [
|
||||
"Consulting", "Lifestyle"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-pressure-feeling-frustrated-with-her-coworker_482257-131902.jpg"},
|
||||
]}
|
||||
title="Our Premium Services"
|
||||
description="We specialize in providing high-impact services across construction, lifestyle, brokerage, and consulting."
|
||||
@@ -179,41 +121,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Luxury Office Interior",
|
||||
price: "Renovation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334536.jpg",
|
||||
},
|
||||
id: "p1", name: "Luxury Office Interior", price: "Renovation", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334536.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Seasonal Fashion Line",
|
||||
price: "Collection",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-cool-people-posing-together_23-2149964962.jpg",
|
||||
},
|
||||
id: "p2", name: "Seasonal Fashion Line", price: "Collection", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-cool-people-posing-together_23-2149964962.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Business Stationery Kit",
|
||||
price: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-notebook-top-agenda_23-2148430821.jpg",
|
||||
},
|
||||
id: "p3", name: "Business Stationery Kit", price: "Design", imageSrc: "http://img.b2bpic.net/free-photo/top-view-workspace-with-notebook-top-agenda_23-2148430821.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Urban House Exterior",
|
||||
price: "Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004033.jpg",
|
||||
},
|
||||
id: "p4", name: "Urban House Exterior", price: "Project", imageSrc: "http://img.b2bpic.net/free-photo/3d-house-model-with-modern-architecture_23-2151004033.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Corporate Brokerage Strategy",
|
||||
price: "Consulting",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg",
|
||||
},
|
||||
id: "p5", name: "Corporate Brokerage Strategy", price: "Consulting", imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lifestyle Branding Visuals",
|
||||
price: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-sitting-table-cafe-writing-napkin_1098-17171.jpg",
|
||||
},
|
||||
id: "p6", name: "Lifestyle Branding Visuals", price: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-sitting-table-cafe-writing-napkin_1098-17171.jpg"},
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="A glimpse into our diverse and premium portfolio of completed works."
|
||||
@@ -226,60 +144,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
date: "Oct 2023",
|
||||
title: "CEO",
|
||||
quote: "Mr Sawa provided exceptional service that changed our approach entirely.",
|
||||
tag: "Corporate",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-road-spedd-concept_1194-637950.jpg?_wi=2",
|
||||
imageAlt: "happy business client portrait",
|
||||
},
|
||||
id: "t1", name: "Sarah Johnson", date: "Oct 2023", title: "CEO", quote: "Mr Sawa provided exceptional service that changed our approach entirely.", tag: "Corporate", avatarSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/abstract-road-spedd-concept_1194-637950.jpg", imageAlt: "happy business client portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
date: "Sept 2023",
|
||||
title: "Founder",
|
||||
quote: "Professional, reliable, and absolutely elite service. Highly recommended.",
|
||||
tag: "Startups",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg?_wi=2",
|
||||
imageAlt: "happy business client portrait",
|
||||
},
|
||||
id: "t2", name: "Michael Chen", date: "Sept 2023", title: "Founder", quote: "Professional, reliable, and absolutely elite service. Highly recommended.", tag: "Startups", avatarSrc: "http://img.b2bpic.net/free-photo/serious-young-lady-designer-sitting-office-night_171337-15592.jpg", imageSrc: "http://img.b2bpic.net/free-photo/geometric-wooden-fance-plants_250224-319.jpg", imageAlt: "happy business client portrait"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Designer",
|
||||
quote: "Their consulting advice was spot on and fashion collection is top notch.",
|
||||
tag: "Lifestyle",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-city-use-notebook_1157-26451.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-old-money-gentlemen-meeting-talk-business-bourbon_482257-127949.jpg",
|
||||
imageAlt: "happy business client portrait",
|
||||
},
|
||||
id: "t3", name: "Emily Rodriguez", date: "Aug 2023", title: "Designer", quote: "Their consulting advice was spot on and fashion collection is top notch.", tag: "Lifestyle", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-working-city-use-notebook_1157-26451.jpg", imageSrc: "http://img.b2bpic.net/free-photo/two-old-money-gentlemen-meeting-talk-business-bourbon_482257-127949.jpg", imageAlt: "happy business client portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
date: "July 2023",
|
||||
title: "Developer",
|
||||
quote: "Top tier construction quality. Everything was on time and premium.",
|
||||
tag: "Construction",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-703.jpg?_wi=2",
|
||||
imageAlt: "happy business client portrait",
|
||||
},
|
||||
id: "t4", name: "David Kim", date: "July 2023", title: "Developer", quote: "Top tier construction quality. Everything was on time and premium.", tag: "Construction", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hands-engineer-working-blueprint-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-703.jpg", imageAlt: "happy business client portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
date: "June 2023",
|
||||
title: "Manager",
|
||||
quote: "Brokerage and consulting services that actually work. Very effective.",
|
||||
tag: "Business",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg?_wi=2",
|
||||
imageAlt: "happy business client portrait",
|
||||
},
|
||||
id: "t5", name: "Jessica Lee", date: "June 2023", title: "Manager", quote: "Brokerage and consulting services that actually work. Very effective.", tag: "Business", avatarSrc: "http://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elegance-blonde-girl-fur-coat-store-fur-coats-leather-jackets_627829-8480.jpg", imageAlt: "happy business client portrait"},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="See what our partners and clients say about working with Mr Sawa."
|
||||
@@ -290,8 +163,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Let's Connect"
|
||||
title="Get in Touch Today"
|
||||
description="Reach out to us via our form or WhatsApp to discuss your project needs."
|
||||
@@ -304,57 +176,35 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Construction",
|
||||
href: "#",
|
||||
},
|
||||
label: "Construction", href: "#"},
|
||||
{
|
||||
label: "Fashion",
|
||||
href: "#",
|
||||
},
|
||||
label: "Fashion", href: "#"},
|
||||
{
|
||||
label: "Brokerage",
|
||||
href: "#",
|
||||
},
|
||||
label: "Brokerage", href: "#"},
|
||||
{
|
||||
label: "Consulting",
|
||||
href: "#",
|
||||
},
|
||||
label: "Consulting", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/123456789",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/123456789"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
label: "LinkedIn", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user