Merge version_1 into main #1
257
src/app/page.tsx
257
src/app/page.tsx
@@ -30,26 +30,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About Us",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Process",
|
||||
id: "process",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About Us", id: "about" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Junior Construction LLC"
|
||||
/>
|
||||
@@ -57,78 +42,32 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Elevating Your Outdoor Living Space | Elevando Tu Espacio Exterior"
|
||||
description="Professional landscaping and garden construction in Bend, Oregon. Building dreams, one yard at a time. | Construcción profesional de jardines en Bend, Oregón."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Experience | Años de Experiencia",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Projects Completed | Proyectos Terminados",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction Guaranteed | Satisfacción Garantizada",
|
||||
},
|
||||
{ value: "10+", label: "Years Experience | Años de Experiencia" },
|
||||
{ value: "500+", label: "Projects Completed | Proyectos Terminados" },
|
||||
{ value: "100%", label: "Satisfaction Guaranteed | Satisfacción Garantizada" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Quote | Obtener Presupuesto",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Quote | Obtener Presupuesto", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/caucasian-farmers-standing-greenhouse-looking-away_74855-16342.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg",
|
||||
alt: "Happy senior couple with a flower pot",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg",
|
||||
alt: "Two concentrated gardeners preparing plants in pots for market.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-plants_23-2149098280.jpg",
|
||||
alt: "Medium shot smiley people with plants",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-people-taking-care-plants_23-2149098299.jpg",
|
||||
alt: "Medium shot people taking care of plants",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-watering-flowers_329181-20557.jpg",
|
||||
alt: "Unrecognizable gardener watering flowers",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-senior-couple-with-flower-pot_23-2148256669.jpg", alt: "Happy senior couple with a flower pot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-concentrated-gardeners-preparing-plants-pots-market-man-woman-blue-shirts-black-aprons-growing-home-plants-caring-flowers-commercial-gardening-summer-concept_74855-12994.jpg", alt: "Two concentrated gardeners preparing plants in pots for market." },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-plants_23-2149098280.jpg", alt: "Medium shot smiley people with plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-people-taking-care-plants_23-2149098299.jpg", alt: "Medium shot people taking care of plants" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/unrecognizable-gardener-watering-flowers_329181-20557.jpg", alt: "Unrecognizable gardener watering flowers" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy clients in Bend"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Landscaping",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Irrigation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Construction",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Bend Experts",
|
||||
},
|
||||
{ type: "text", text: "Eco-Friendly Landscaping" },
|
||||
{ type: "text", text: "Professional Irrigation" },
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Quality Construction" },
|
||||
{ type: "text", text: "Local Bend Experts" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,41 +78,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Irrigation | Riego",
|
||||
description: "Professional irrigation systems.",
|
||||
tag: "Essential",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020410.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Sod Installation | Instalación de Césped",
|
||||
description: "Quick, healthy lawn growth.",
|
||||
tag: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Pavers & Patios | Pavimentos y Patios",
|
||||
description: "Elegant outdoor spaces.",
|
||||
tag: "Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Fences & Walls | Vallas y Muros",
|
||||
description: "Sturdy privacy and retention.",
|
||||
tag: "Safety",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Yard Improvements | Mejoras de Jardín",
|
||||
description: "Full outdoor renovations.",
|
||||
tag: "Upgrade",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composed-flowerpots-with-tools_23-2148028969.jpg",
|
||||
},
|
||||
{ id: "f1", title: "Irrigation | Riego", description: "Professional irrigation systems.", tag: "Essential", imageSrc: "http://img.b2bpic.net/free-photo/gardening_23-2148020410.jpg" },
|
||||
{ id: "f2", title: "Sod Installation | Instalación de Césped", description: "Quick, healthy lawn growth.", tag: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/female-gardener-s-hand-cutting-plant-with-secateurs_23-2148165259.jpg" },
|
||||
{ id: "f3", title: "Pavers & Patios | Pavimentos y Patios", description: "Elegant outdoor spaces.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg" },
|
||||
{ id: "f4", title: "Fences & Walls | Vallas y Muros", description: "Sturdy privacy and retention.", tag: "Safety", imageSrc: "http://img.b2bpic.net/free-photo/pine-branches-white-wooden-fence_1372-71.jpg" },
|
||||
{ id: "f5", title: "Yard Improvements | Mejoras de Jardín", description: "Full outdoor renovations.", tag: "Upgrade", imageSrc: "http://img.b2bpic.net/free-photo/composed-flowerpots-with-tools_23-2148028969.jpg" },
|
||||
]}
|
||||
title="Our Services | Nuestros Servicios"
|
||||
description="Comprehensive construction solutions for your yard. | Soluciones integrales para su jardín."
|
||||
@@ -195,37 +104,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Consultation",
|
||||
description: "Site assessment and design.",
|
||||
tag: "Step 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/road-sidewalk-gardens-stone-nature_1203-5157.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Planning",
|
||||
description: "Detailed project quote.",
|
||||
tag: "Step 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Construction",
|
||||
description: "Quality build implementation.",
|
||||
tag: "Step 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
title: "Completion",
|
||||
description: "Final walkthrough and cleanup.",
|
||||
tag: "Step 4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-grass_23-2149432972.jpg",
|
||||
},
|
||||
{ id: "p1", title: "Consultation", description: "Site assessment and design.", tag: "Step 1", imageSrc: "http://img.b2bpic.net/free-photo/road-sidewalk-gardens-stone-nature_1203-5157.jpg" },
|
||||
{ id: "p2", title: "Planning", description: "Detailed project quote.", tag: "Step 2", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1023.jpg" },
|
||||
{ id: "p3", title: "Construction", description: "Quality build implementation.", tag: "Step 3", imageSrc: "http://img.b2bpic.net/free-photo/stone-path-with-grass-growing-up_1137-86.jpg" },
|
||||
{ id: "p4", title: "Completion", description: "Final walkthrough and cleanup.", tag: "Step 4", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-grass_23-2149432972.jpg" },
|
||||
]}
|
||||
title="Our 4-Step Process | Nuestro Proceso"
|
||||
description="Seamless construction from concept to completion."
|
||||
@@ -236,21 +122,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you serve outside Bend?",
|
||||
content: "We primarily serve Bend and surrounding communities.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are estimates free?",
|
||||
content: "Yes, we provide free onsite consultations.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What is your warranty?",
|
||||
content: "We offer a 12-month craftsmanship warranty.",
|
||||
},
|
||||
{ id: "q1", title: "Do you serve outside Bend?", content: "We primarily serve Bend and surrounding communities." },
|
||||
{ id: "q2", title: "Are estimates free?", content: "Yes, we provide free onsite consultations." },
|
||||
{ id: "q3", title: "What is your warranty?", content: "We offer a 12-month craftsmanship warranty." },
|
||||
]}
|
||||
sideTitle="Common Questions | Preguntas Frecuentes"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -263,33 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Client Retention",
|
||||
items: [
|
||||
"Happy repeat customers",
|
||||
"Reliable partnership",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "150+",
|
||||
title: "Completed Patios",
|
||||
items: [
|
||||
"Stunning stone work",
|
||||
"Durable finishes",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200+",
|
||||
title: "Irrigation Jobs",
|
||||
items: [
|
||||
"Water conservation",
|
||||
"Efficient systems",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Client Retention", items: ["Happy repeat customers", "Reliable partnership"] },
|
||||
{ id: "m2", value: "150+", title: "Completed Patios", items: ["Stunning stone work", "Durable finishes"] },
|
||||
{ id: "m3", value: "200+", title: "Irrigation Jobs", items: ["Water conservation", "Efficient systems"] },
|
||||
]}
|
||||
title="Quality by Numbers"
|
||||
description="Proven results for our clients."
|
||||
@@ -299,9 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Get in Touch | Contáctanos"
|
||||
title="Start Your Project | Inicie su Proyecto"
|
||||
description="Fill out the form to schedule a site visit today."
|
||||
@@ -312,33 +160,16 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Process",
|
||||
href: "#process",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Process", href: "#process" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Use", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user