Merge version_1 into main #2
314
src/app/page.tsx
314
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Dirt Beast"
|
||||
/>
|
||||
@@ -54,69 +42,27 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="We Don't Just Clean, We Dominate Dirt"
|
||||
description="Same-day service, guaranteed results, zero corporate nonsense. Licensed, insured, and relentlessly thorough."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Quote Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products-with-copyspace_23-2148133317.jpg?_wi=1"
|
||||
buttons={[{ text: "Get Your Quote Now", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products-with-copyspace_23-2148133317.jpg"
|
||||
imageAlt="Professional cleaning service team"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ local powerhouses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Same-Day Service",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Licensed & Insured",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Zero-Nonsense Guarantee",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Expert Beast Squad",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Clock,
|
||||
},
|
||||
{ type: "text-icon", text: "Same-Day Service", icon: Zap },
|
||||
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "Zero-Nonsense Guarantee", icon: CheckCircle },
|
||||
{ type: "text-icon", text: "Expert Beast Squad", icon: Users },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Clock },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,20 +74,11 @@ export default function LandingPage() {
|
||||
title="Beast-Level Cleaning"
|
||||
description="We aren't a typical cleaning crew. We're a specialized squad built for speed, precision, and zero-nonsense execution. From high-end residences to major commercial facilities, we treat every square inch like a battlefield and we always win."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Zero Fluff Pricing",
|
||||
description: "Straightforward, honest pricing without hidden fees.",
|
||||
},
|
||||
{
|
||||
title: "Same-Day Availability",
|
||||
description: "When you need it gone, we're already on our way.",
|
||||
},
|
||||
{
|
||||
title: "Relentlessly Thorough",
|
||||
description: "We use professional-grade methods that turn dirty spaces pristine.",
|
||||
},
|
||||
{ title: "Zero Fluff Pricing", description: "Straightforward, honest pricing without hidden fees." },
|
||||
{ title: "Same-Day Availability", description: "When you need it gone, we're already on our way." },
|
||||
{ title: "Relentlessly Thorough", description: "We use professional-grade methods that turn dirty spaces pristine." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baker-man-holding-spray-bottle-pointing-away-t-shirt-apron-front-view_176474-23388.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baker-man-holding-spray-bottle-pointing-away-t-shirt-apron-front-view_176474-23388.jpg"
|
||||
imageAlt="The Dirt Beast cleaning staff"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -152,53 +89,23 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Residential Dominance",
|
||||
description: "Detailed home cleaning that leaves no corner untouched.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg?_wi=1",
|
||||
imageAlt: "Residential view",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg?_wi=1",
|
||||
imageAlt: "Detail view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-cleaning-products-with-copyspace_23-2148133317.jpg?_wi=2",
|
||||
imageAlt: "dark modern interior clean space",
|
||||
},
|
||||
{
|
||||
title: "Commercial Facility Management",
|
||||
description: "Janitorial solutions that impress clients and staff alike.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-surface-with-surgical-gloves-face-mask_23-2148561110.jpg?_wi=1",
|
||||
imageAlt: "Office view",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg?_wi=1",
|
||||
imageAlt: "Report view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baker-man-holding-spray-bottle-pointing-away-t-shirt-apron-front-view_176474-23388.jpg?_wi=2",
|
||||
imageAlt: "professional cleaner portrait dark background",
|
||||
},
|
||||
{
|
||||
title: "Deep Restoration Service",
|
||||
description: "Extreme deep cleaning for post-construction or move-in/out needs.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
imageAlt: "Restoration view",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-device-with-mockup-screen_482257-86910.jpg",
|
||||
imageAlt: "Final report view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg?_wi=2",
|
||||
imageAlt: "cleaning app interface dark theme",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Dominate Your Space"
|
||||
description="We deliver superior service through a streamlined system designed to maximize efficiency and maintain premium standards."
|
||||
features={[
|
||||
{
|
||||
title: "Residential Dominance", description: "Detailed home cleaning that leaves no corner untouched.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/african-american-staff-gathers-examines-monthly-revenue-balance_482257-130896.jpg", imageAlt: "Residential view" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "Detail view" },
|
||||
},
|
||||
{
|
||||
title: "Commercial Facility Management", description: "Janitorial solutions that impress clients and staff alike.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-surface-with-surgical-gloves-face-mask_23-2148561110.jpg", imageAlt: "Office view" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "Report view" },
|
||||
},
|
||||
{
|
||||
title: "Deep Restoration Service", description: "Extreme deep cleaning for post-construction or move-in/out needs.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg", imageAlt: "Restoration view" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-device-with-mockup-screen_482257-86910.jpg", imageAlt: "Final report view" },
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -209,56 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
title: "Standard Beast",
|
||||
price: "$150",
|
||||
period: "per session",
|
||||
features: [
|
||||
"Deep Surface Cleaning",
|
||||
"Dusting & Vacuuming",
|
||||
"Kitchen/Bath Focus",
|
||||
],
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg?_wi=2",
|
||||
imageAlt: "task tracking app design modern",
|
||||
},
|
||||
id: "standard", title: "Standard Beast", price: "$150", period: "per session", features: ["Deep Surface Cleaning", "Dusting & Vacuuming", "Kitchen/Bath Focus"],
|
||||
button: { text: "Get Quote", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg", imageAlt: "task tracking app design modern"},
|
||||
{
|
||||
id: "premium",
|
||||
title: "Apex Beast",
|
||||
price: "$299",
|
||||
period: "per session",
|
||||
features: [
|
||||
"All Standard Features",
|
||||
"Deep Appliance Detail",
|
||||
"Window & Blind Clean",
|
||||
],
|
||||
button: {
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-surface-with-surgical-gloves-face-mask_23-2148561110.jpg?_wi=2",
|
||||
imageAlt: "modern booking app ui dark",
|
||||
},
|
||||
id: "premium", title: "Apex Beast", price: "$299", period: "per session", features: ["All Standard Features", "Deep Appliance Detail", "Window & Blind Clean"],
|
||||
button: { text: "Get Quote", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-smartphone-surface-with-surgical-gloves-face-mask_23-2148561110.jpg", imageAlt: "modern booking app ui dark"},
|
||||
{
|
||||
id: "commercial",
|
||||
title: "Dominator Pro",
|
||||
price: "Custom",
|
||||
period: "monthly",
|
||||
features: [
|
||||
"Complete Facility Coverage",
|
||||
"Same-Day Priority",
|
||||
"Emergency Response",
|
||||
],
|
||||
button: {
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg?_wi=2",
|
||||
imageAlt: "digital report app ui dark",
|
||||
},
|
||||
id: "commercial", title: "Dominator Pro", price: "Custom", period: "monthly", features: ["Complete Facility Coverage", "Same-Day Priority", "Emergency Response"],
|
||||
button: { text: "Contact Us", href: "#contact" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-house-with-automation-light-system-holding-smartphone-turning-light-using-voice-activated-application_482257-2271.jpg", imageAlt: "digital report app ui dark"},
|
||||
]}
|
||||
title="Beast Pricing Plans"
|
||||
description="No corporate nonsense. Simple, clear value packages for your specific needs."
|
||||
@@ -270,14 +138,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"City Heights Realty",
|
||||
"Northside Business Center",
|
||||
"Apex Luxury Suites",
|
||||
"Downtown Logistics Hub",
|
||||
"Elite Residential Group",
|
||||
"Bayview Management",
|
||||
"Global Tech Facility",
|
||||
]}
|
||||
"City Heights Realty", "Northside Business Center", "Apex Luxury Suites", "Downtown Logistics Hub", "Elite Residential Group", "Bayview Management", "Global Tech Facility"]}
|
||||
title="Trusted by Local Powerhouses"
|
||||
description="We are the preferred partner for leading commercial facilities and high-end property managers across the market."
|
||||
/>
|
||||
@@ -288,46 +149,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible Results",
|
||||
quote: "The Dirt Beast transformed my commercial building. No fluff, just results.",
|
||||
name: "Sarah J.",
|
||||
role: "Property Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Reliable & Fast",
|
||||
quote: "Same-day service when I needed it most. True beast energy.",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Highly Professional",
|
||||
quote: "They aren't just cleaning, they are experts at what they do.",
|
||||
name: "Elena R.",
|
||||
role: "Facility Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Best in Class",
|
||||
quote: "Transparent pricing and perfect outcomes every time.",
|
||||
name: "Kevin L.",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Zero Nonsense",
|
||||
quote: "Professional, on time, and they don't stop until it's perfect.",
|
||||
name: "Jessica M.",
|
||||
role: "Estate Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg",
|
||||
},
|
||||
{ id: "1", title: "Incredible Results", quote: "The Dirt Beast transformed my commercial building. No fluff, just results.", name: "Sarah J.", role: "Property Manager", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg" },
|
||||
{ id: "2", title: "Reliable & Fast", quote: "Same-day service when I needed it most. True beast energy.", name: "Mark D.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-red-haired-man_158595-3774.jpg" },
|
||||
{ id: "3", title: "Highly Professional", quote: "They aren't just cleaning, they are experts at what they do.", name: "Elena R.", role: "Facility Manager", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-work_1098-286.jpg" },
|
||||
{ id: "4", title: "Best in Class", quote: "Transparent pricing and perfect outcomes every time.", name: "Kevin L.", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
|
||||
{ id: "5", title: "Zero Nonsense", quote: "Professional, on time, and they don't stop until it's perfect.", name: "Jessica M.", role: "Estate Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smart-blonde-female-photographer-white-blouse-black-leather-jacket-posing-with-camera-studio-isolated-gray-background_613910-18599.jpg" },
|
||||
]}
|
||||
title="Proof of Performance"
|
||||
description="Hear why we are the dominant choice in the market."
|
||||
@@ -337,9 +163,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Ready to Dominate?"
|
||||
title="Get Your Quote Now"
|
||||
description="Stop settling for sub-par cleaning. Send us your info and let's get to work."
|
||||
@@ -351,37 +175,17 @@ export default function LandingPage() {
|
||||
logoText="The Dirt Beast"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user