bender/01591bc5-2356-4519-832b-331197ada21b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 07:10:48 +00:00
parent 278f1aa50f
commit 3dacb4ad10
1 changed files with 56 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/app/page.tsx
View File

@@ -33,29 +33,17 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "#home"},
id: "#home",
},
{ {
name: "Services", name: "Services", id: "#services"},
id: "#services",
},
{ {
name: "Portfolio", name: "Portfolio", id: "#portfolio"},
id: "#portfolio",
},
{ {
name: "Testimonials", name: "Testimonials", id: "#testimonials"},
id: "#testimonials",
},
{ {
name: "FAQ", name: "FAQ", id: "#faq"},
id: "#faq",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="Salmex Exterior Design" brandName="Salmex Exterior Design"
/> />
@@ -64,40 +52,23 @@ export default function LandingPage() {
<div id="home" data-section="home"> <div id="home" data-section="home">
<HeroSplitDualMedia <HeroSplitDualMedia
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Transform Your Home's Exterior Vision" title="Transform Your Home's Exterior Vision"
description="Professional exterior design that combines aesthetic appeal with lasting durability. From concept to completion, we bring your outdoor space to life." description="Professional exterior design that combines aesthetic appeal with lasting durability. From concept to completion, we bring your outdoor space to life."
tag="Expert Exterior Design" tag="Expert Exterior Design"
tagAnimation="none" tagAnimation="none"
buttons={[ buttons={[
{ {
text: "Start Your Project", text: "Start Your Project", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="none" buttonAnimation="none"
mediaItems={[ mediaItems={[
{ {
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912549.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912549.jpg", imageAlt: "Modern house exterior with beautiful landscaping at sunset"
imageAlt: "Modern house exterior with beautiful landscaping at sunset",
}, },
{ {
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg", imageAlt: "Urban rooftop garden design with modern architecture"
imageAlt: "Urban rooftop garden design with modern architecture", }
},
{
imageSrc: "http://img.b2bpic.net/free-photo/blending-futuristic-building-seamlessly-into-desert-landscape_23-2151248410.jpg",
imageAlt: "Blending futuristic building seamlessly into desert landscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-lake-landscape-sunset_23-2150343153.jpg",
imageAlt: "Beautiful lake landscape at sunset",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912551.jpg",
imageAlt: "Minimalist architecture space",
},
]} ]}
mediaAnimation="slide-up" mediaAnimation="slide-up"
rating={5} rating={5}
@@ -110,7 +81,6 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
tag="About Salmex" tag="About Salmex"
title="Salmex Exterior Design: Crafting Timeless Outdoor Spaces" title="Salmex Exterior Design: Crafting Timeless Outdoor Spaces"
description="At Salmex, we believe your home's exterior is a reflection of your lifestyle and a testament to your aesthetic. Our dedicated team of designers and architects meticulously plans and executes exterior transformations, ensuring every detail from landscape to facade harmonizes with your vision and environment. We specialize in creating bespoke outdoor living areas, enhancing curb appeal, and delivering sustainable, beautiful designs that stand the test of time."
/> />
</div> </div>
@@ -121,33 +91,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "s1", id: "s1", title: "Landscape Architecture", subtitle: "Creating harmonious and sustainable garden designs, including planting, irrigation, and outdoor living areas.", category: "Design", value: "Gardens & Greenery"},
title: "Landscape Architecture",
subtitle: "Creating harmonious and sustainable garden designs, including planting, irrigation, and outdoor living areas.",
category: "Design",
value: "Gardens & Greenery",
},
{ {
id: "s2", id: "s2", title: "Hardscaping & Patios", subtitle: "Designing and installing durable hardscape elements like patios, walkways, driveways, and retaining walls.", category: "Construction", value: "Paving & Structures"},
title: "Hardscaping & Patios",
subtitle: "Designing and installing durable hardscape elements like patios, walkways, driveways, and retaining walls.",
category: "Construction",
value: "Paving & Structures",
},
{ {
id: "s3", id: "s3", title: "Facade Enhancement", subtitle: "Transforming the exterior appearance of your home with modern materials, textures, and architectural details.", category: "Renovation", value: "Curb Appeal"},
title: "Facade Enhancement",
subtitle: "Transforming the exterior appearance of your home with modern materials, textures, and architectural details.",
category: "Renovation",
value: "Curb Appeal",
},
{ {
id: "s4", id: "s4", title: "Outdoor Lighting", subtitle: "Strategic illumination to enhance ambiance, safety, and highlight key architectural and landscape features.", category: "Ambiance", value: "Evening Glow"},
title: "Outdoor Lighting",
subtitle: "Strategic illumination to enhance ambiance, safety, and highlight key architectural and landscape features.",
category: "Ambiance",
value: "Evening Glow",
},
]} ]}
title="Our Core Exterior Design Services" title="Our Core Exterior Design Services"
description="From lush gardens to elegant facades, our expertise covers every aspect of your property's outdoor aesthetic and functionality." description="From lush gardens to elegant facades, our expertise covers every aspect of your property's outdoor aesthetic and functionality."
@@ -162,47 +112,17 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Modern Garden Oasis", price: "Luxury Residential", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg", imageAlt: "A modern garden landscape with lush greenery and a minimalist design."},
name: "Modern Garden Oasis",
price: "Luxury Residential",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-rocky-mountain-river-surrounded-with-plants-trees-daylight_181624-19345.jpg",
imageAlt: "A modern garden landscape with lush greenery and a minimalist design.",
},
{ {
id: "p2", id: "p2", name: "Contemporary Patio & Deck", price: "Outdoor Living", imageSrc: "http://img.b2bpic.net/free-photo/dining-room-with-plants-table-chairs_23-2152008245.jpg", imageAlt: "A stylish contemporary patio with wooden deck and comfortable seating."},
name: "Contemporary Patio & Deck",
price: "Outdoor Living",
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-with-plants-table-chairs_23-2152008245.jpg",
imageAlt: "A stylish contemporary patio with wooden deck and comfortable seating.",
},
{ {
id: "p3", id: "p3", name: "Elegant Facade Makeover", price: "Curb Appeal Boost", imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-working-out-street_23-2147757978.jpg", imageAlt: "An elegant house facade with a clean, modern aesthetic."},
name: "Elegant Facade Makeover",
price: "Curb Appeal Boost",
imageSrc: "http://img.b2bpic.net/free-photo/sportive-man-working-out-street_23-2147757978.jpg",
imageAlt: "An elegant house facade with a clean, modern aesthetic.",
},
{ {
id: "p4", id: "p4", name: "Urban Rooftop Retreat", price: "City Living", imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3423.jpg", imageAlt: "A serene urban rooftop terrace with planters and city views."},
name: "Urban Rooftop Retreat",
price: "City Living",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-lobby-interior_1127-3423.jpg",
imageAlt: "A serene urban rooftop terrace with planters and city views.",
},
{ {
id: "p5", id: "p5", name: "Grand Entrance & Driveway", price: "First Impression", imageSrc: "http://img.b2bpic.net/free-photo/surface-road-skatepark_107420-65716.jpg", imageAlt: "A grand entrance with a custom designed driveway and integrated landscaping."},
name: "Grand Entrance & Driveway",
price: "First Impression",
imageSrc: "http://img.b2bpic.net/free-photo/surface-road-skatepark_107420-65716.jpg",
imageAlt: "A grand entrance with a custom designed driveway and integrated landscaping.",
},
{ {
id: "p6", id: "p6", name: "Illuminated Garden Walk", price: "Evening Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg", imageAlt: "A garden pathway beautifully illuminated with subtle landscape lighting at night."},
name: "Illuminated Garden Walk",
price: "Evening Ambiance",
imageSrc: "http://img.b2bpic.net/free-photo/empty-outside-way-path-foliage_1253-513.jpg",
imageAlt: "A garden pathway beautifully illuminated with subtle landscape lighting at night.",
},
]} ]}
title="Our Signature Projects" title="Our Signature Projects"
description="Explore a selection of our completed exterior designs that showcase our commitment to excellence and innovation." description="Explore a selection of our completed exterior designs that showcase our commitment to excellence and innovation."
@@ -216,29 +136,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "98%", title: "Client Satisfaction", description: "Our dedication to client happiness ensures every project exceeds expectations.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg", imageAlt: "Happy client smiling"},
value: "98%",
title: "Client Satisfaction",
description: "Our dedication to client happiness ensures every project exceeds expectations.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-glasses-shaking-hands-with-female-partner-meeting-co-working-space_74855-10006.jpg",
imageAlt: "Happy client smiling",
},
{ {
id: "m2", id: "m2", value: "10+", title: "Years of Expertise", description: "A decade of transforming exteriors and building lasting relationships in design.", imageSrc: "http://img.b2bpic.net/free-vector/flat-labour-day-label-collection_23-2148903309.jpg", imageAlt: "Award trophy"},
value: "10+",
title: "Years of Expertise",
description: "A decade of transforming exteriors and building lasting relationships in design.",
imageSrc: "http://img.b2bpic.net/free-vector/flat-labour-day-label-collection_23-2148903309.jpg",
imageAlt: "Award trophy",
},
{ {
id: "m3", id: "m3", value: "250+", title: "Successful Projects", description: "From residential gardens to commercial facades, our portfolio is extensive.", imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg", imageAlt: "Diverse portfolio"},
value: "250+",
title: "Successful Projects",
description: "From residential gardens to commercial facades, our portfolio is extensive.",
imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
imageAlt: "Diverse portfolio",
},
]} ]}
title="Achievements & Client Trust" title="Achievements & Client Trust"
description="Our commitment to excellence is reflected in our unwavering client satisfaction and recognized industry presence." description="Our commitment to excellence is reflected in our unwavering client satisfaction and recognized industry presence."
@@ -252,59 +154,23 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", handle: "@Homeowner", testimonial: "Salmex transformed our neglected backyard into a beautiful, functional oasis. Their team was professional, creative, and delivered beyond our expectations.", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-enthusiastic-female-gardener-taking-care-bonsai-plants-her-own-garden-store_197531-31037.jpg", imageAlt: "Sarah J. smiling"},
handle: "@Homeowner",
testimonial: "Salmex transformed our neglected backyard into a beautiful, functional oasis. Their team was professional, creative, and delivered beyond our expectations.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-enthusiastic-female-gardener-taking-care-bonsai-plants-her-own-garden-store_197531-31037.jpg",
imageAlt: "Sarah J. smiling",
},
{ {
id: "t2", id: "t2", name: "Michael C.", handle: "@Developer", testimonial: "We partnered with Salmex for a multi-unit residential project, and their innovative facade designs significantly boosted property value and appeal.", rating: 5,
name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129108.jpg", imageAlt: "Michael C. smiling"},
handle: "@Developer",
testimonial: "We partnered with Salmex for a multi-unit residential project, and their innovative facade designs significantly boosted property value and appeal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-person-relaxing-while-listening-music_23-2149129108.jpg",
imageAlt: "Michael C. smiling",
},
{ {
id: "t3", id: "t3", name: "Emily R.", handle: "@PropertyManager", testimonial: "Their attention to detail for our commercial property's landscaping was impeccable. Salmex ensured every plant and paver was perfect.", rating: 5,
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg", imageAlt: "Emily R. smiling"},
handle: "@PropertyManager",
testimonial: "Their attention to detail for our commercial property's landscaping was impeccable. Salmex ensured every plant and paver was perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-high-fiving-each-other-beer-pong-game_23-2149431325.jpg",
imageAlt: "Emily R. smiling",
},
{ {
id: "t4", id: "t4", name: "David K.", handle: "@Homeowner", testimonial: "Our home's curb appeal went from ordinary to extraordinary thanks to Salmex. The design process was seamless and the results are stunning.", rating: 5,
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-male-buyer-showing-thumb-up-paper-house-model-smiling-satisfied_1258-161154.jpg", imageAlt: "David K. smiling"},
handle: "@Homeowner",
testimonial: "Our home's curb appeal went from ordinary to extraordinary thanks to Salmex. The design process was seamless and the results are stunning.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-male-buyer-showing-thumb-up-paper-house-model-smiling-satisfied_1258-161154.jpg",
imageAlt: "David K. smiling",
},
{ {
id: "t5", id: "t5", name: "Jessica L.", handle: "@RealEstateAgent", testimonial: "Properties designed by Salmex always stand out in the market. Their exterior design expertise makes homes incredibly attractive to buyers.", rating: 5,
name: "Jessica L.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg", imageAlt: "Jessica L. smiling"},
handle: "@RealEstateAgent",
testimonial: "Properties designed by Salmex always stand out in the market. Their exterior design expertise makes homes incredibly attractive to buyers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-successful-businesswoman-suit-cross-arms-chest-smile-look-confident-stan_1258-118782.jpg",
imageAlt: "Jessica L. smiling",
},
{ {
id: "t6", id: "t6", name: "Robert B.", handle: "@Architect", testimonial: "Collaborating with Salmex is always a pleasure. They bring a level of creativity and execution that elevates every architectural project.", rating: 5,
name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/excited-manager-punching-air-office_482257-119321.jpg", imageAlt: "Robert B. smiling"},
handle: "@Architect",
testimonial: "Collaborating with Salmex is always a pleasure. They bring a level of creativity and execution that elevates every architectural project.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/excited-manager-punching-air-office_482257-119321.jpg",
imageAlt: "Robert B. smiling",
},
]} ]}
showRating={true} showRating={true}
title="What Our Clients Say" title="What Our Clients Say"
@@ -317,14 +183,7 @@ export default function LandingPage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={true} useInvertedBackground={true}
names={[ names={[
"Luxury Homes", "Luxury Homes", "GreenBuild Co.", "Urban Estates", "Renovate Pro", "Gardenia Land.", "CityScape Dev.", "Elite Resorts"]}
"GreenBuild Co.",
"Urban Estates",
"Renovate Pro",
"Gardenia Land.",
"CityScape Dev.",
"Elite Resorts",
]}
title="Trusted by Leading Industry Partners" title="Trusted by Leading Industry Partners"
description="We collaborate with reputable builders, developers, and suppliers to bring the best solutions to your exterior design projects." description="We collaborate with reputable builders, developers, and suppliers to bring the best solutions to your exterior design projects."
/> />
@@ -335,30 +194,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "What services does Salmex Exterior Design offer?", content: "We offer comprehensive exterior design services including landscape architecture, hardscaping (patios, walkways, driveways), facade enhancements, outdoor lighting, water features, and overall outdoor living space planning. We tailor our services to both residential and commercial clients."},
title: "What services does Salmex Exterior Design offer?",
content: "We offer comprehensive exterior design services including landscape architecture, hardscaping (patios, walkways, driveways), facade enhancements, outdoor lighting, water features, and overall outdoor living space planning. We tailor our services to both residential and commercial clients.",
},
{ {
id: "q2", id: "q2", title: "What is your design process like?", content: "Our process begins with an initial consultation to understand your vision and needs. This is followed by site analysis, concept development, detailed design and material selection, and finally, project management during the implementation phase. We ensure client involvement at every step."},
title: "What is your design process like?",
content: "Our process begins with an initial consultation to understand your vision and needs. This is followed by site analysis, concept development, detailed design and material selection, and finally, project management during the implementation phase. We ensure client involvement at every step.",
},
{ {
id: "q3", id: "q3", title: "How long does an exterior design project typically take?", content: "The timeline varies greatly depending on the scope and complexity of the project. A smaller garden redesign might take a few weeks, while a full property transformation or large-scale commercial project could span several months. We provide a detailed timeline after the initial design phase."},
title: "How long does an exterior design project typically take?",
content: "The timeline varies greatly depending on the scope and complexity of the project. A smaller garden redesign might take a few weeks, while a full property transformation or large-scale commercial project could span several months. We provide a detailed timeline after the initial design phase.",
},
{ {
id: "q4", id: "q4", title: "Do you handle the construction and installation, or just the design?", content: "While our primary expertise is in design and planning, we offer full project management services. We can oversee and coordinate with trusted contractors and suppliers to ensure the design is executed precisely to our specifications and quality standards, or we can provide the complete design package for your chosen contractors."},
title: "Do you handle the construction and installation, or just the design?",
content: "While our primary expertise is in design and planning, we offer full project management services. We can oversee and coordinate with trusted contractors and suppliers to ensure the design is executed precisely to our specifications and quality standards, or we can provide the complete design package for your chosen contractors.",
},
{ {
id: "q5", id: "q5", title: "What is the typical budget range for your services?", content: "Our services are highly customized, so budgets vary. We work with clients to understand their financial parameters and develop designs that maximize impact within their desired investment. We provide transparent cost breakdowns and proposals tailored to each project's unique requirements."},
title: "What is the typical budget range for your services?",
content: "Our services are highly customized, so budgets vary. We work with clients to understand their financial parameters and develop designs that maximize impact within their desired investment. We provide transparent cost breakdowns and proposals tailored to each project's unique requirements.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our exterior design services, process, and pricing." sideDescription="Find answers to common questions about our exterior design services, process, and pricing."
@@ -370,8 +214,7 @@ export default function LandingPage() {
<ContactSplit <ContactSplit
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
tag="Get in Touch" tag="Get in Touch"
title="Ready to Transform Your Exterior?" title="Ready to Transform Your Exterior?"
description="Contact Salmex Exterior Design today to schedule a consultation and bring your vision to life." description="Contact Salmex Exterior Design today to schedule a consultation and bring your vision to life."
@@ -389,58 +232,35 @@ export default function LandingPage() {
logoText="Salmex Exterior Design" logoText="Salmex Exterior Design"
columns={[ columns={[
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Landscape Architecture", label: "Landscape Architecture", href: "#services"},
href: "#services",
},
{ {
label: "Hardscaping", label: "Hardscaping", href: "#services"},
href: "#services",
},
{ {
label: "Facade Enhancement", label: "Facade Enhancement", href: "#services"},
href: "#services",
},
{ {
label: "Outdoor Lighting", label: "Outdoor Lighting", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Portfolio", label: "Portfolio", href: "#portfolio"},
href: "#portfolio",
},
{ {
label: "Testimonials", label: "Testimonials", href: "#testimonials"},
href: "#testimonials",
},
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}