bender/49290b0c-fafb-4f1e-ba43-6e24b7102246
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:49:34 +00:00
parent 1b940ade6f
commit 8891175e2e
1 changed files with 57 additions and 246 deletions
Download Patch File Download Diff File Expand all files Collapse all files

303
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Achievements",
id: "#achievements",
},
name: "Achievements", id: "#achievements"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Damir Construction"
/>
@@ -77,8 +59,7 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Building Dreams, Brick by Brick"
description="Damir Construction specializes in high-quality residential and commercial builds. Your vision, our expertise, crafted to perfection."
tag="Excellence in Construction"
@@ -86,25 +67,9 @@ export default function LandingPage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg?_wi=1",
imageAlt: "modern construction site sunny day",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg", imageAlt: "modern construction site sunny day"},
{
imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-711.jpg",
imageAlt: "architectural blueprint house plan",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/safety-first-sign-building-low-angle_23-2149919535.jpg",
imageAlt: "Safety first sign on building low angle",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/sky-residential-formwork-realestate-brick_1232-4003.jpg",
imageAlt: "sky residential formwork realestate brick",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/construction-modern-building-blue-sky_114579-12078.jpg",
imageAlt: "Construction of a modern building under blue sky",
},
imageSrc: "http://img.b2bpic.net/free-photo/image-engineering-objects-workplace-top-view-construction-concept-engineering-tools-vintage-tone-retro-filter-effect-soft-focus-selective-focus_1418-711.jpg", imageAlt: "architectural blueprint house plan"}
]}
mediaAnimation="opacity"
rating={5}
@@ -119,17 +84,11 @@ export default function LandingPage() {
description="With years of experience, Damir Construction delivers unparalleled craftsmanship and reliable service. We prioritize quality, safety, and client satisfaction in every project."
metrics={[
{
value: "15+",
title: "Years in Business",
},
value: "15+", title: "Years in Business"},
{
value: "200+",
title: "Projects Completed",
},
value: "200+", title: "Projects Completed"},
{
value: "99%",
title: "Client Satisfaction",
},
value: "99%", title: "Client Satisfaction"},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-people-meeting-plan_23-2148825870.jpg"
imageAlt="construction managers planning meeting"
@@ -147,23 +106,11 @@ export default function LandingPage() {
carouselMode="buttons"
features={[
{
title: "Residential Construction",
description: "Crafting bespoke homes that reflect your unique style and needs, built with lasting quality and attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/stone-modern-building-with-windows_23-2148252726.jpg",
imageAlt: "modern family home exterior design",
},
title: "Residential Construction", description: "Crafting bespoke homes that reflect your unique style and needs, built with lasting quality and attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/stone-modern-building-with-windows_23-2148252726.jpg", imageAlt: "modern family home exterior design"},
{
title: "Commercial Projects",
description: "Developing robust and functional spaces for businesses, ensuring efficiency, scalability, and aesthetic appeal.",
imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3559.jpg",
imageAlt: "commercial office building facade",
},
title: "Commercial Projects", description: "Developing robust and functional spaces for businesses, ensuring efficiency, scalability, and aesthetic appeal.", imageSrc: "http://img.b2bpic.net/free-photo/building_1127-3559.jpg", imageAlt: "commercial office building facade"},
{
title: "Renovations & Remodels",
description: "Transforming existing spaces with innovative designs and superior craftsmanship to enhance usability and value.",
imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg",
imageAlt: "home interior renovation modern kitchen",
},
title: "Renovations & Remodels", description: "Transforming existing spaces with innovative designs and superior craftsmanship to enhance usability and value.", imageSrc: "http://img.b2bpic.net/free-photo/black-white-scene-showcasing-life-construction-workers-site_23-2151431561.jpg", imageAlt: "home interior renovation modern kitchen"},
]}
title="Our Comprehensive Construction Services"
description="From initial design to final touches, we offer a full spectrum of construction services tailored to your needs."
@@ -172,6 +119,7 @@ export default function LandingPage() {
<div id="projects" data-section="projects">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
@@ -179,53 +127,17 @@ export default function LandingPage() {
uniformGridCustomHeightClasses="min-h-95 2xl:min-h-105"
products={[
{
id: "p1",
name: "Luxury Residence",
price: "Private Quote",
variant: "Residential",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg",
imageAlt: "completed modern family home exterior",
},
id: "p1", name: "Luxury Residence", price: "Private Quote", variant: "Residential", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7877.jpg", imageAlt: "completed modern family home exterior"},
{
id: "p2",
name: "Downtown Office Tower",
price: "Private Quote",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg",
imageAlt: "finished commercial office building exterior",
},
id: "p2", name: "Downtown Office Tower", price: "Private Quote", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg", imageAlt: "finished commercial office building exterior"},
{
id: "p3",
name: "Modern Retail Space",
price: "Private Quote",
variant: "Commercial",
imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-reflecting-laptop-screen_23-2148372111.jpg",
imageAlt: "modern retail store interior design",
},
id: "p3", name: "Modern Retail Space", price: "Private Quote", variant: "Commercial", imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-reflecting-laptop-screen_23-2148372111.jpg", imageAlt: "modern retail store interior design"},
{
id: "p4",
name: "Riverside Apartment Complex",
price: "Private Quote",
variant: "Multi-Family",
imageSrc: "http://img.b2bpic.net/free-photo/window-pattern-textures-background_1203-2648.jpg",
imageAlt: "residential apartment complex modern facade",
},
id: "p4", name: "Riverside Apartment Complex", price: "Private Quote", variant: "Multi-Family", imageSrc: "http://img.b2bpic.net/free-photo/window-pattern-textures-background_1203-2648.jpg", imageAlt: "residential apartment complex modern facade"},
{
id: "p5",
name: "Fine Dining Restaurant",
price: "Private Quote",
variant: "Hospitality",
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg",
imageAlt: "stylish restaurant interior design",
},
id: "p5", name: "Fine Dining Restaurant", price: "Private Quote", variant: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-street-istanbul-turkey_628469-67.jpg", imageAlt: "stylish restaurant interior design"},
{
id: "p6",
name: "Industrial Logistics Hub",
price: "Private Quote",
variant: "Industrial",
imageSrc: "http://img.b2bpic.net/free-photo/industry-landscape-barcelona_1398-3935.jpg",
imageAlt: "modern industrial building exterior",
},
id: "p6", name: "Industrial Logistics Hub", price: "Private Quote", variant: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/industry-landscape-barcelona_1398-3935.jpg", imageAlt: "modern industrial building exterior"},
]}
title="Showcase of Our Signature Projects"
description="Explore a selection of our recently completed residential and commercial projects, built with precision and passion."
@@ -241,32 +153,16 @@ export default function LandingPage() {
carouselMode="buttons"
metrics={[
{
id: "m1",
value: "15+",
title: "Years of Experience",
description: "Building a legacy of quality since 2009.",
icon: Building,
id: "m1", value: "15+", title: "Years of Experience", description: "Building a legacy of quality since 2009.", icon: Building,
},
{
id: "m2",
value: "200+",
title: "Projects Successfully Delivered",
description: "From small renovations to large commercial complexes.",
icon: Building,
id: "m2", value: "200+", title: "Projects Successfully Delivered", description: "From small renovations to large commercial complexes.", icon: Building,
},
{
id: "m3",
value: "99%",
title: "Client Satisfaction Rate",
description: "Our commitment to excellence shines through every testimonial.",
icon: Star,
id: "m3", value: "99%", title: "Client Satisfaction Rate", description: "Our commitment to excellence shines through every testimonial.", icon: Star,
},
{
id: "m4",
value: "0",
title: "Lost-Time Incidents",
description: "A pristine safety record is our top priority on every site.",
icon: Shield,
id: "m4", value: "0", title: "Lost-Time Incidents", description: "A pristine safety record is our top priority on every site.", icon: Shield,
},
]}
title="Our Track Record of Success"
@@ -281,36 +177,14 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "g1",
groupTitle: "Leadership & Project Managers",
members: [
id: "g1", groupTitle: "Leadership & Project Managers", members: [
{
id: "t1",
title: "Damir Hasanbegovic",
subtitle: "CEO & Founder",
detail: "Over 20 years of experience in construction and civil engineering. Leads with a vision for quality and innovation.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-crossed-arms_23-2148269352.jpg",
imageAlt: "male construction project manager smiling",
},
id: "t1", title: "Damir Hasanbegovic", subtitle: "CEO & Founder", detail: "Over 20 years of experience in construction and civil engineering. Leads with a vision for quality and innovation.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-crossed-arms_23-2148269352.jpg", imageAlt: "male construction project manager smiling"},
{
id: "t2",
title: "Elena Petrova",
subtitle: "Head Architect",
detail: "Specializes in sustainable design and modern architectural solutions. Ensures aesthetic and functional excellence.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-pointing-plan-table_23-2148039883.jpg",
imageAlt: "female architect smiling with blueprints",
},
id: "t2", title: "Elena Petrova", subtitle: "Head Architect", detail: "Specializes in sustainable design and modern architectural solutions. Ensures aesthetic and functional excellence.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-lady-pointing-plan-table_23-2148039883.jpg", imageAlt: "female architect smiling with blueprints"},
{
id: "t3",
title: "Mark Johnson",
subtitle: "Senior Project Manager",
detail: "Manages complex projects from conception to completion, ensuring timely delivery and budget adherence.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148921381.jpg",
imageAlt: "male site foreman with hard hat serious",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-building-construction_23-2148230387.jpg?_wi=2",
imageAlt: "male construction project manager smiling",
id: "t3", title: "Mark Johnson", subtitle: "Senior Project Manager", detail: "Manages complex projects from conception to completion, ensuring timely delivery and budget adherence.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-helmet_23-2148921381.jpg", imageAlt: "male site foreman with hard hat serious"},
]
},
]}
title="Meet Our Expert Team"
@@ -320,51 +194,22 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
carouselMode="buttons"
uniformGridCustomHeightClasses="min-h-none"
testimonials={[
{
id: "test1",
name: "Sarah Johnson",
role: "Homeowner, Residential Project",
testimonial: "Damir Construction built our dream home with incredible precision and care. The team was professional, transparent, and delivered beyond our expectations. Highly recommended!",
imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg",
imageAlt: "satisfied client smiling review",
},
id: "test1", name: "Sarah Johnson", role: "Homeowner, Residential Project", testimonial: "Damir Construction built our dream home with incredible precision and care. The team was professional, transparent, and delivered beyond our expectations. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/building-construction-workers-site_23-2149124256.jpg", imageAlt: "satisfied client smiling review"},
{
id: "test2",
name: "Michael Chen",
role: "CEO, Tech Solutions Inc.",
testimonial: "Our new office space is a testament to Damir Construction's expertise. They understood our commercial needs perfectly and created a modern, functional environment on schedule.",
imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-business-partners-looking-building-outdoors_1262-12586.jpg",
imageAlt: "business owner satisfied construction",
},
id: "test2", name: "Michael Chen", role: "CEO, Tech Solutions Inc.", testimonial: "Our new office space is a testament to Damir Construction's expertise. They understood our commercial needs perfectly and created a modern, functional environment on schedule.", imageSrc: "http://img.b2bpic.net/free-photo/two-smiling-business-partners-looking-building-outdoors_1262-12586.jpg", imageAlt: "business owner satisfied construction"},
{
id: "test3",
name: "Emily Rodriguez",
role: "Property Developer",
testimonial: "Working with Damir Construction on our latest development was a seamless experience. Their project management and quality control are unmatched in the industry.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clipboard-pawns_23-2149382435.jpg",
imageAlt: "woman smiling professional setting",
},
id: "test3", name: "Emily Rodriguez", role: "Property Developer", testimonial: "Working with Damir Construction on our latest development was a seamless experience. Their project management and quality control are unmatched in the industry.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-clipboard-pawns_23-2149382435.jpg", imageAlt: "woman smiling professional setting"},
{
id: "test4",
name: "David Kim",
role: "Restaurant Owner",
testimonial: "The renovation of our restaurant was handled flawlessly. Damir Construction delivered a stunning interior that truly elevated our brand and customer experience.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-home_23-2148943634.jpg",
imageAlt: "man smiling casual setting",
},
id: "test4", name: "David Kim", role: "Restaurant Owner", testimonial: "The renovation of our restaurant was handled flawlessly. Damir Construction delivered a stunning interior that truly elevated our brand and customer experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-painting-home_23-2148943634.jpg", imageAlt: "man smiling casual setting"},
{
id: "test5",
name: "Jessica Lee",
role: "Small Business Owner",
testimonial: "As a small business, budget and timeline were crucial. Damir Construction not only met both but exceeded our expectations with the quality of their work.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-asian-manager-showing-blonde-secretary-documents-indoor-portrait-fair-haired-female-student-sitting-with-laptop-talking-with-chinese-friend-glasses_197531-3806.jpg",
imageAlt: "young entrepreneur satisfied construction",
},
id: "test5", name: "Jessica Lee", role: "Small Business Owner", testimonial: "As a small business, budget and timeline were crucial. Damir Construction not only met both but exceeded our expectations with the quality of their work.", imageSrc: "http://img.b2bpic.net/free-photo/excited-asian-manager-showing-blonde-secretary-documents-indoor-portrait-fair-haired-female-student-sitting-with-laptop-talking-with-chinese-friend-glasses_197531-3806.jpg", imageAlt: "young entrepreneur satisfied construction"},
]}
title="What Our Clients Say"
description="Hear directly from satisfied clients who have experienced the Damir Construction difference."
@@ -377,25 +222,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What types of projects does Damir Construction handle?",
content: "We specialize in both residential and commercial construction projects, including new builds, renovations, remodels, and bespoke design-build services.",
},
id: "q1", title: "What types of projects does Damir Construction handle?", content: "We specialize in both residential and commercial construction projects, including new builds, renovations, remodels, and bespoke design-build services."},
{
id: "q2",
title: "How do I get a quote for my project?",
content: "You can request a quote by filling out our contact form or calling us directly. We'll schedule a consultation to discuss your project details and provide a comprehensive estimate.",
},
id: "q2", title: "How do I get a quote for my project?", content: "You can request a quote by filling out our contact form or calling us directly. We'll schedule a consultation to discuss your project details and provide a comprehensive estimate."},
{
id: "q3",
title: "Are you licensed and insured?",
content: "Yes, Damir Construction is fully licensed, bonded, and insured, providing peace of mind and protection for all our projects and clients.",
},
id: "q3", title: "Are you licensed and insured?", content: "Yes, Damir Construction is fully licensed, bonded, and insured, providing peace of mind and protection for all our projects and clients."},
{
id: "q4",
title: "What is your approach to project management?",
content: "We utilize a hands-on approach with dedicated project managers who oversee every phase, ensuring clear communication, adherence to timelines, and strict quality control standards.",
},
id: "q4", title: "What is your approach to project management?", content: "We utilize a hands-on approach with dedicated project managers who oversee every phase, ensuring clear communication, adherence to timelines, and strict quality control standards."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about our construction process, services, and company policies."
@@ -407,8 +240,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Get in Touch"
title="Start Your Next Project With Us"
description="Ready to discuss your vision? Contact us today for a consultation or to learn more about our services."
@@ -429,54 +261,33 @@ export default function LandingPage() {
logoText="Damir Construction"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Residential",
href: "#services",
},
label: "Residential", href: "#services"},
{
label: "Commercial",
href: "#services",
},
label: "Commercial", href: "#services"},
{
label: "Renovations",
href: "#services",
},
label: "Renovations", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Facebook",
href: "https://facebook.com",
},
label: "Facebook", href: "https://facebook.com"},
],
},
]}