Update src/app/page.tsx
This commit is contained in:
149
src/app/page.tsx
149
src/app/page.tsx
@@ -31,16 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Projects", id: "projects"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Dook'oosliid"
|
||||
/>
|
||||
@@ -48,29 +42,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Cultivating Nature's Perfection."
|
||||
description="Dook'oosliid Business Center provides premium, detail-oriented landscaping services for high-end properties. We transform outdoor spaces into sustainable works of art."
|
||||
title="Dook'oosliid Business Center"
|
||||
description="Experience premium retail and business services at the heart of Tuba City. Located on Main Street, we are open and ready to serve you starting at 8 AM every Monday."
|
||||
tag="Now Open"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Work", href: "#projects"},
|
||||
{
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
{ text: "Visit Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/agriculture-healthy-food_23-2151969834.jpg"
|
||||
imageAlt="Professional landscaping at Dook'oosliid Business Center"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488212.jpg", alt: "Client profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488211.jpg", alt: "Client profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/natural-grass-close-up_23-2148858214.jpg", alt: "Client profile 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/street-texture-retro-tuscany-city_1203-5049.jpg", alt: "Client profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/composition-garden-tools_93675-131210.jpg", alt: "Client profile 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ Property Owners"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-backyard-garden-digital-art-style_23-2151488212.jpg"
|
||||
imageAlt="Dook'oosliid Business Center Main Street"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,10 +57,7 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text", content: "Mastering the Art of Landscaping Excellence."},
|
||||
{
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/still-life-with-gardening-objects_23-2148060677.jpg", alt: "Dook'oosliid landscaping process"},
|
||||
{ type: "text", content: "Your Destination for Shopping & Services on Main Street" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -90,114 +66,33 @@ export default function LandingPage() {
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1", title: "Smart Irrigation", description: "Water-efficient systems tailored to site needs.", tag: "Tech", imageSrc: "http://img.b2bpic.net/free-photo/view-robot-tending-maintaining-gardens_23-2151803996.jpg"},
|
||||
{
|
||||
id: "s2", title: "Hardscaping Design", description: "Custom pathways and retaining walls using premium stone.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-sustainable-garden-with-home-grown-plants_23-2151479074.jpg"},
|
||||
{
|
||||
id: "s3", title: "Precision Pruning", description: "Expert maintenance for thriving, lush greenery.", tag: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/old-gardener-cuts-bush-with-large-metal-old-pruning-shears_169016-10698.jpg"},
|
||||
{ id: "s1", title: "Local Shopping", description: "Explore unique retail shops conveniently located in Tuba City.", tag: "Retail" },
|
||||
{ id: "s2", title: "Business Hub", description: "Professional services and offices in a centralized location.", tag: "Business" },
|
||||
{ id: "s3", title: "Monday Mornings", description: "We welcome you to start your week with us starting at 8 AM every Monday.", tag: "Hours" },
|
||||
]}
|
||||
title="Comprehensive Landscape Solutions"
|
||||
description="Professional maintenance and design services tailored to your aesthetic needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Courtyard Oasis", price: "Custom", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/fresh-flowers-bloom-historic-courtyard-gardens-generated-by-ai_188544-30303.jpg"},
|
||||
{
|
||||
id: "p2", name: "Lawn Refinement", price: "Custom", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/grassland-landscape-greening-environment-park-background_1112-1195.jpg"},
|
||||
{
|
||||
id: "p3", name: "Zen Water Feature", price: "Custom", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/petals-pond_23-2147670201.jpg"},
|
||||
{
|
||||
id: "p4", name: "Patio Hardscape", price: "Custom", variant: "Stone", imageSrc: "http://img.b2bpic.net/free-photo/grey-slate-paving-stones_23-2151932233.jpg"},
|
||||
{
|
||||
id: "p5", name: "Seasonal Bedding", price: "Custom", variant: "Floral", imageSrc: "http://img.b2bpic.net/free-photo/flower-street-market_53876-23400.jpg"},
|
||||
{
|
||||
id: "p6", name: "Business Perimeter", price: "Custom", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/green-plane-ecofriendly-environment_23-2151582475.jpg"},
|
||||
]}
|
||||
title="Our Signature Projects"
|
||||
description="A glimpse into our most recent transformations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "John Doe", handle: "@dookoosliid-client", testimonial: "Exceptional precision in our property landscape.", imageSrc: "http://img.b2bpic.net/free-photo/positive-focused-female-gardener-cutting-sprouts-using-pruner-greenhouse-woman-working-garden-growing-plants-pots-gardening-job-concept_74855-12947.jpg"},
|
||||
{
|
||||
id: "t2", name: "Jane Smith", handle: "@dookoosliid-client", testimonial: "Dook'oosliid turned our yard into a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7007.jpg"},
|
||||
{
|
||||
id: "t3", name: "Robert G.", handle: "@dookoosliid-client", testimonial: "Highly recommended for corporate landscapes.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-man-using-digital-tablet-park_23-2148164502.jpg"},
|
||||
{
|
||||
id: "t4", name: "Alice T.", handle: "@dookoosliid-client", testimonial: "Timely, professional, and very creative team.", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-owner-presenting-flowers-options-potential-customer-retailer_158595-7002.jpg"},
|
||||
{
|
||||
id: "t5", name: "Mark S.", handle: "@dookoosliid-client", testimonial: "Best service in the state, zero complaints.", imageSrc: "http://img.b2bpic.net/free-photo/corporate-leaders-demonstrating-powerful-collaboration-strategic-thinking_482257-124682.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="proof" data-section="proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Urban Gardens", "Green Estate", "Cityscapes Co.", "Elite Lawns", "Summit Landscapes", "Heritage Parks", "Bloom Collective"]}
|
||||
title="Trusted by Local Leaders"
|
||||
description="Partnerships built on quality and trust."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Do you offer seasonal maintenance?", content: "Yes, we provide year-round landscape maintenance plans."},
|
||||
{
|
||||
id: "q2", title: "How do I get a quote?", content: "Fill out the contact form, and we will schedule an on-site visit."},
|
||||
{
|
||||
id: "q3", title: "Is the irrigation eco-friendly?", content: "Absolutely. We specialize in smart, water-saving technology."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common inquiries."
|
||||
faqsAnimation="slide-up"
|
||||
title="Why Choose Dook'oosliid?"
|
||||
description="Centrally located on Main Street with amenities tailored for our community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "canvas-reveal"}}
|
||||
title="Begin Your Landscape Journey"
|
||||
description="Ready to revitalize your property? Connect with us today."
|
||||
tag="Contact Us"
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
title="Visit Dook'oosliid Today"
|
||||
description="Stop by our Main Street location in Tuba City, AZ. Open from 8 AM on Mondays."
|
||||
tag="Find Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Dook'oosliid Business Center"
|
||||
copyrightText="© 2025 Dook'oosliid Business Center. All rights reserved."
|
||||
copyrightText="© 2025 Dook'oosliid Business Center, Tuba City, AZ."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user