Update src/app/page.tsx
This commit is contained in:
259
src/app/page.tsx
259
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="The Cedar Mill"
|
||||
/>
|
||||
@@ -59,62 +49,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Timeless Fencing for Your Home"
|
||||
description="Premium wood, vinyl, and metal fencing solutions built to last. The Cedar Mill brings craftsmanship to every property boundary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Your Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Your Free Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg"
|
||||
imageAlt="Cedar fencing installed in a beautiful backyard garden."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg",
|
||||
alt: "Still life of bicycle basket",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg", alt: "Still life of bicycle basket"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg",
|
||||
alt: "Old haunted house on the empty field",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/old-haunted-house-empty-field_1127-3475.jpg", alt: "Old haunted house on the empty field"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-wall-with-tree-leaf-wall_74190-7307.jpg",
|
||||
alt: "White wall with tree leaf on the wall",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-wall-with-tree-leaf-wall_74190-7307.jpg", alt: "White wall with tree leaf on the wall"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-fence-garden-full-trees_181624-27357.jpg",
|
||||
alt: "Wooden fence in a garden full of trees",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-fence-garden-full-trees_181624-27357.jpg", alt: "Wooden fence in a garden full of trees"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-using-electric-sander-wood_23-2147944805.jpg",
|
||||
alt: "Close-up of a male carpenter using electric sander on wood",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-male-carpenter-using-electric-sander-wood_23-2147944805.jpg", alt: "Close-up of a male carpenter using electric sander on wood"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Cedar",
|
||||
},
|
||||
type: "text", text: "Premium Cedar"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Durable Vinyl",
|
||||
},
|
||||
type: "text", text: "Durable Vinyl"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Metal",
|
||||
},
|
||||
type: "text", text: "Modern Metal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Finish",
|
||||
},
|
||||
type: "text", text: "Expert Finish"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Guaranteed",
|
||||
},
|
||||
type: "text", text: "Quality Guaranteed"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,19 +93,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Projects Completed", value: "500+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Satisfied Homeowners",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Satisfied Homeowners", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -151,35 +112,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Cedar Wood Fencing",
|
||||
descriptions: [
|
||||
"Naturally durable and beautiful timber.",
|
||||
"Expertly stained for long-term protection.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg?_wi=1",
|
||||
imageAlt: "cedar wood texture closeup",
|
||||
},
|
||||
id: "f1", title: "Cedar Wood Fencing", descriptions: [
|
||||
"Naturally durable and beautiful timber.", "Expertly stained for long-term protection."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg", imageAlt: "cedar wood texture closeup"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Vinyl Privacy Panels",
|
||||
descriptions: [
|
||||
"Low-maintenance, weather-resistant solutions.",
|
||||
"Modern designs to suit any aesthetic.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=2",
|
||||
imageAlt: "cedar wood texture closeup",
|
||||
},
|
||||
id: "f2", title: "Vinyl Privacy Panels", descriptions: [
|
||||
"Low-maintenance, weather-resistant solutions.", "Modern designs to suit any aesthetic."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "cedar wood texture closeup"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Secure Metal Fences",
|
||||
descriptions: [
|
||||
"High-security wrought iron and chain link.",
|
||||
"Powder-coated for maximum rust resistance.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=1",
|
||||
imageAlt: "cedar wood texture closeup",
|
||||
},
|
||||
id: "f3", title: "Secure Metal Fences", descriptions: [
|
||||
"High-security wrought iron and chain link.", "Powder-coated for maximum rust resistance."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg", imageAlt: "cedar wood texture closeup"},
|
||||
]}
|
||||
title="Fencing Solutions for Every Need"
|
||||
description="Our team delivers superior protection and curb appeal through high-grade materials and expert installation."
|
||||
@@ -191,27 +134,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "95%",
|
||||
title: "Referral Rate",
|
||||
description: "Happy clients recommending us.",
|
||||
icon: Heart,
|
||||
id: "m1", value: "95%", title: "Referral Rate", description: "Happy clients recommending us.", icon: Heart,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24h",
|
||||
title: "Quote Response",
|
||||
description: "Fast turnarounds for all inquiries.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "24h", title: "Quote Response", description: "Fast turnarounds for all inquiries.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5y",
|
||||
title: "Warranty Coverage",
|
||||
description: "Standing behind every installation.",
|
||||
icon: ShieldCheck,
|
||||
id: "m3", value: "5y", title: "Warranty Coverage", description: "Standing behind every installation.", icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
title="Why Choose The Cedar Mill?"
|
||||
@@ -226,64 +158,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James P.",
|
||||
role: "Homeowner",
|
||||
company: "Cedar Creek",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg",
|
||||
imageAlt: "A carpenter in the process a professional tool for precision drilling in wood",
|
||||
},
|
||||
id: "t1", name: "James P.", role: "Homeowner", company: "Cedar Creek", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-process-professional-tool-precision-drilling-wood_169016-52999.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah W.",
|
||||
role: "Homeowner",
|
||||
company: "River Valley",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg?_wi=3",
|
||||
imageAlt: "A carpenter in the process a professional tool for precision drilling in wood",
|
||||
},
|
||||
id: "t2", name: "Sarah W.", role: "Homeowner", company: "River Valley", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plants-door_1361-94.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David M.",
|
||||
role: "Architect",
|
||||
company: "Metro Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg?_wi=2",
|
||||
imageAlt: "A carpenter in the process a professional tool for precision drilling in wood",
|
||||
},
|
||||
id: "t3", name: "David M.", role: "Architect", company: "Metro Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-carpenters-hands-process-cutting-wood-with-jigsaw_169016-51867.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Elena R.",
|
||||
role: "Homeowner",
|
||||
company: "Oak Ridge",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=2",
|
||||
imageAlt: "A carpenter in the process a professional tool for precision drilling in wood",
|
||||
},
|
||||
id: "t4", name: "Elena R.", role: "Homeowner", company: "Oak Ridge", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mark L.",
|
||||
role: "Homeowner",
|
||||
company: "Pine Hills",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg",
|
||||
imageAlt: "A carpenter in the process a professional tool for precision drilling in wood",
|
||||
},
|
||||
id: "t5", name: "Mark L.", role: "Homeowner", company: "Pine Hills", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bicycle-basket_23-2149682001.jpg", imageAlt: "A carpenter in the process a professional tool for precision drilling in wood"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Fences Built",
|
||||
},
|
||||
value: "500+", label: "Fences Built"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Star Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "On Time",
|
||||
},
|
||||
value: "100%", label: "On Time"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Trusted by hundreds of homeowners across the county."
|
||||
@@ -295,20 +191,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a cedar fence last?",
|
||||
content: "With proper staining and maintenance, cedar fences typically last 15–20 years.",
|
||||
},
|
||||
id: "q1", title: "How long does a cedar fence last?", content: "With proper staining and maintenance, cedar fences typically last 15–20 years."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle permits?",
|
||||
content: "Yes, we manage all necessary permit filings for your installation.",
|
||||
},
|
||||
id: "q2", title: "Do you handle permits?", content: "Yes, we manage all necessary permit filings for your installation."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is the warranty period?",
|
||||
content: "All workmanship is covered by our 5-year structural warranty.",
|
||||
},
|
||||
id: "q3", title: "What is the warranty period?", content: "All workmanship is covered by our 5-year structural warranty."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -322,24 +209,16 @@ export default function LandingPage() {
|
||||
description="Let's discuss your vision for your property boundary."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your fencing project...",
|
||||
required: true,
|
||||
name: "message", placeholder: "Tell us about your fencing project...", required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-working-farm_23-2150454938.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -347,37 +226,23 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Cedar Fencing",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Cedar Fencing", href: "#features"},
|
||||
{
|
||||
label: "Vinyl Solutions",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Vinyl Solutions", href: "#features"},
|
||||
{
|
||||
label: "Metal Security",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Metal Security", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user