Merge version_1 into main #1
391
src/app/page.tsx
391
src/app/page.tsx
@@ -19,275 +19,150 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "#gallery",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Sky Tree Services"
|
||||
button={{
|
||||
text: "Call Now",
|
||||
href: "tel:615-568-9651",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Trust", id: "trust-metrics" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Sky Tree Services"
|
||||
button={{ text: "Call Now", href: "tel:615-568-9651" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Sky Tree Services LLC"
|
||||
description="Fast, Reliable Tree Service in Nashville — Available 24/7. Your expert team for emergency removals, trimming, and storm cleanup."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:615-568-9651",
|
||||
},
|
||||
{
|
||||
text: "Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500812.jpg"
|
||||
imageAlt="Professional tree services in Nashville"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Sky Tree Services LLC"
|
||||
description="Fast, Reliable Tree Service in Nashville — Available 24/7. Your expert team for emergency removals, trimming, and storm cleanup."
|
||||
buttons={[
|
||||
{ text: "Call Now", href: "tel:615-568-9651" },
|
||||
{ text: "Free Estimate", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reforestation-done-by-voluntary-group_23-2149500812.jpg"
|
||||
imageAlt="Professional tree services in Nashville"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-metrics" data-section="trust-metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "4.9+",
|
||||
description: "Google Star Rating",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "74+",
|
||||
description: "Verified Reviews",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Emergency Service",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "Latino",
|
||||
description: "Owned Business",
|
||||
},
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Providing safe, reliable service to the Nashville community."
|
||||
/>
|
||||
</div>
|
||||
<div id="trust-metrics" data-section="trust-metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "1", value: "4.9+", description: "Google Star Rating" },
|
||||
{ id: "2", value: "74+", description: "Verified Reviews" },
|
||||
{ id: "3", value: "24/7", description: "Emergency Service" },
|
||||
{ id: "4", value: "Latino", description: "Owned Business" },
|
||||
]}
|
||||
title="Trusted Excellence"
|
||||
description="Providing safe, reliable service to the Nashville community."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hazardous Tree Inspection",
|
||||
"Cabling & Bracing",
|
||||
"Land Clearing",
|
||||
"24/7 Response",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Tree Removal",
|
||||
"Emergency Storm Cleanup",
|
||||
"Stump Grinding",
|
||||
"Tree Pruning",
|
||||
],
|
||||
}}
|
||||
title="Professional Tree Solutions"
|
||||
description="Comprehensive tree care to keep your Nashville property safe and beautiful."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["Hazardous Tree Inspection", "Cabling & Bracing", "Land Clearing", "24/7 Response"] }}
|
||||
positiveCard={{ items: ["Tree Removal", "Emergency Storm Cleanup", "Stump Grinding", "Tree Pruning"] }}
|
||||
title="Professional Tree Solutions"
|
||||
description="Comprehensive tree care to keep your Nashville property safe and beautiful."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Sky Tree Services?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Sky Tree Services?"
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Sky Tree Services came out immediately after the storm. They were professional, fast, and left my yard looking cleaner than it was before. Highly recommended!"
|
||||
rating={5}
|
||||
author="Sarah M., Nashville Homeowner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg",
|
||||
alt: "Sarah M",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
alt: "John D",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg",
|
||||
alt: "Maria G",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg",
|
||||
alt: "David L",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
|
||||
alt: "Emily K",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Sky Tree Services came out immediately after the storm. They were professional, fast, and left my yard looking cleaner than it was before. Highly recommended!"
|
||||
rating={5}
|
||||
author="Sarah M., Nashville Homeowner"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/receiving-keys-happy-couple-together-their-new-house-conception-moving_146671-16174.jpg", alt: "Sarah M" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg", alt: "John D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148993906.jpg", alt: "Maria G" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-spending-time-together-home_23-2149038324.jpg", alt: "David L" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg", alt: "Emily K" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Removal Project",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Pruning Result",
|
||||
price: "Expert Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Storm Response",
|
||||
price: "Emergency Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-dried-branches_23-2148396748.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stump Grinding",
|
||||
price: "Clean Finish",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702185.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tree Care",
|
||||
price: "Healthy Trees",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-dried-branches_23-2148396750.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Crew at Work",
|
||||
price: "Safety First",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-bouldering-spot_23-2151734288.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Proven results for Nashville residents and business owners."
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", name: "Removal Project", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/wood-processing-factory_1112-1217.jpg" },
|
||||
{ id: "2", name: "Pruning Result", price: "Expert Trim", imageSrc: "http://img.b2bpic.net/free-photo/young-man-traveler-with-backpack-mountain-enjoying-with-nature-around-travel-lifestyle-concept_1150-1982.jpg" },
|
||||
{ id: "3", name: "Storm Response", price: "Emergency Care", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-dried-branches_23-2148396748.jpg" },
|
||||
{ id: "4", name: "Stump Grinding", price: "Clean Finish", imageSrc: "http://img.b2bpic.net/free-photo/contrasting-outdoor-textures_23-2149702185.jpg" },
|
||||
{ id: "5", name: "Tree Care", price: "Healthy Trees", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gardener-cutting-dried-branches_23-2148396750.jpg" },
|
||||
{ id: "6", name: "Crew at Work", price: "Safety First", imageSrc: "http://img.b2bpic.net/free-photo/man-bouldering-spot_23-2151734288.jpg" },
|
||||
]}
|
||||
title="Our Work"
|
||||
description="Proven results for Nashville residents and business owners."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="service-area" data-section="service-area">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Nashville",
|
||||
"Brentwood",
|
||||
"Franklin",
|
||||
"Hendersonville",
|
||||
"Murfreesboro",
|
||||
"Mount Juliet",
|
||||
"Antioch",
|
||||
]}
|
||||
title="Serving the Greater Nashville Area"
|
||||
description="We proudly serve neighborhoods throughout Nashville and Davidson County."
|
||||
/>
|
||||
</div>
|
||||
<div id="service-area" data-section="service-area">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Nashville", "Brentwood", "Franklin", "Hendersonville", "Murfreesboro", "Mount Juliet", "Antioch"]}
|
||||
title="Serving the Greater Nashville Area"
|
||||
description="We proudly serve neighborhoods throughout Nashville and Davidson County."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Request Quote"
|
||||
title="Get Your Free Quote"
|
||||
description="Need urgent help or planning a tree project? Contact us today for reliable service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-lifesavers-rescuers-searching-missing-person_482257-90995.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Request Quote"
|
||||
title="Get Your Free Quote"
|
||||
description="Need urgent help or planning a tree project? Contact us today for reliable service."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/team-lifesavers-rescuers-searching-missing-person_482257-90995.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Call: 615-568-9651",
|
||||
href: "tel:615-568-9651",
|
||||
},
|
||||
{
|
||||
label: "Nashville, TN",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Sky Tree Services LLC"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Call: 615-568-9651", href: "tel:615-568-9651" }, { label: "Nashville, TN", href: "#" }] },
|
||||
]}
|
||||
logoText="Sky Tree Services LLC"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user