From b19b4233b844c59ca8a86aa071d28f87ba07171c Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 10 Jun 2026 19:22:26 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 381 ++++++++++------------------------------------- 1 file changed, 82 insertions(+), 299 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 77fe79a..459ceb8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,29 +34,17 @@ export default function LandingPage() { @@ -66,110 +54,58 @@ export default function LandingPage() { @@ -181,19 +117,13 @@ export default function LandingPage() { metrics={[ { icon: Building, - label: "Years in Business", - value: "28+", - }, + label: "Years in Business", value: "28+"}, { icon: Building2, - label: "Projects Completed", - value: "500+", - }, + label: "Projects Completed", value: "500+"}, { icon: Award, - label: "Satisfied Clients", - value: "98%", - }, + label: "Satisfied Clients", value: "98%"}, ]} metricsAnimation="entrance-slide" /> @@ -206,45 +136,17 @@ export default function LandingPage() { useInvertedBackground={false} groups={[ { - id: "leadership", - groupTitle: "Leadership", - members: [ + id: "leadership", groupTitle: "Leadership", members: [ { - id: "1", - title: "John Graybeale", - subtitle: "Founder & CEO", - detail: "Over 30 years of experience in general contracting, specializing in large-scale commercial and residential developments. John founded Graybeale Construction with a vision for quality and integrity.", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", - imageAlt: "John Graybeale", - }, + id: "1", title: "John Graybeale", subtitle: "Founder & CEO", detail: "Over 30 years of experience in general contracting, specializing in large-scale commercial and residential developments. John founded Graybeale Construction with a vision for quality and integrity.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-man-sitting-desk_329181-15290.jpg", imageAlt: "John Graybeale"}, { - id: "2", - title: "Maria Rodriguez", - subtitle: "Chief Operations Officer", - detail: "Maria oversees all project operations, ensuring efficiency, safety, and timely completion. Her expertise in logistics and team management is critical to our success.", - imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg", - imageAlt: "Maria Rodriguez", - }, + id: "2", title: "Maria Rodriguez", subtitle: "Chief Operations Officer", detail: "Maria oversees all project operations, ensuring efficiency, safety, and timely completion. Her expertise in logistics and team management is critical to our success.", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-architect-hard-hat_1303-18998.jpg", imageAlt: "Maria Rodriguez"}, { - id: "3", - title: "David Kim", - subtitle: "Head of Project Development", - detail: "David leads our project acquisition and client relations, identifying new opportunities and fostering strong partnerships. His strategic vision drives our growth.", - imageSrc: "http://img.b2bpic.net/free-photo/happy-people-with-sketch-tablet_23-2148269344.jpg", - imageAlt: "David Kim", - }, + id: "3", title: "David Kim", subtitle: "Head of Project Development", detail: "David leads our project acquisition and client relations, identifying new opportunities and fostering strong partnerships. His strategic vision drives our growth.", imageSrc: "http://img.b2bpic.net/free-photo/happy-people-with-sketch-tablet_23-2148269344.jpg", imageAlt: "David Kim"}, { - id: "4", - title: "Jessica Lee", - subtitle: "Lead Architect & Designer", - detail: "Jessica brings innovative design solutions and a keen eye for detail to every project, ensuring aesthetic appeal and functional excellence for our clients.", - imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg", - imageAlt: "Jessica Lee", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/house-construction-petrovac-montenegro_1268-14788.jpg?_wi=2", - imageAlt: "male construction executive portrait", - }, + id: "4", title: "Jessica Lee", subtitle: "Lead Architect & Designer", detail: "Jessica brings innovative design solutions and a keen eye for detail to every project, ensuring aesthetic appeal and functional excellence for our clients.", imageSrc: "http://img.b2bpic.net/free-photo/three-architects-with-plans_23-2147702498.jpg", imageAlt: "Jessica Lee"}, + ] + } ]} title="Meet Our Dedicated Leadership Team" description="Our experienced team is committed to delivering exceptional craftsmanship and unparalleled service on every project." @@ -259,23 +161,11 @@ export default function LandingPage() { useInvertedBackground={true} features={[ { - title: "Residential Renovations", - description: "Transform your home with our expert renovation services, including kitchen and bathroom remodels, additions, and whole-house makeovers. We bring your vision to life.", - imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283249.jpg", - imageAlt: "Modern residential kitchen renovation", - }, + title: "Residential Renovations", description: "Transform your home with our expert renovation services, including kitchen and bathroom remodels, additions, and whole-house makeovers. We bring your vision to life.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283249.jpg", imageAlt: "Modern residential kitchen renovation"}, { - title: "Commercial Construction", - description: "Specializing in new commercial builds, office fit-outs, and retail space construction. We deliver functional and aesthetically pleasing environments for your business.", - imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg", - imageAlt: "Modern commercial building exterior", - }, + title: "Commercial Construction", description: "Specializing in new commercial builds, office fit-outs, and retail space construction. We deliver functional and aesthetically pleasing environments for your business.", imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-hallway-office-lounge-room_1262-12372.jpg", imageAlt: "Modern commercial building exterior"}, { - title: "Project Management", - description: "Our experienced project managers ensure seamless execution from concept to completion. We handle all aspects, including budgeting, scheduling, and subcontractor coordination.", - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-builder-looking-clipboard-high-quality-photo_114579-61056.jpg", - imageAlt: "Construction project manager reviewing blueprints", - }, + title: "Project Management", description: "Our experienced project managers ensure seamless execution from concept to completion. We handle all aspects, including budgeting, scheduling, and subcontractor coordination.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-builder-looking-clipboard-high-quality-photo_114579-61056.jpg", imageAlt: "Construction project manager reviewing blueprints"}, ]} title="Our Comprehensive Construction Services" description="From residential remodels to large-scale commercial builds, Graybeale Construction offers a full spectrum of general contracting solutions tailored to your needs." @@ -290,47 +180,17 @@ export default function LandingPage() { useInvertedBackground={false} products={[ { - id: "1", - name: "The Grand Plaza Retail", - price: "Commercial Retail", - imageSrc: "http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg", - imageAlt: "Interior of a modern retail store", - }, + id: "1", name: "The Grand Plaza Retail", price: "Commercial Retail", imageSrc: "http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg", imageAlt: "Interior of a modern retail store"}, { - id: "2", - name: "Skyline Corporate HQ", - price: "Office Building", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg", - imageAlt: "Modern corporate office space interior", - }, + id: "2", name: "Skyline Corporate HQ", price: "Office Building", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-business-buildings_1359-1085.jpg", imageAlt: "Modern corporate office space interior"}, { - id: "3", - name: "Coastal Haven Residence", - price: "Luxury Residential", - imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", - imageAlt: "Exterior of a luxury modern home", - }, + id: "3", name: "Coastal Haven Residence", price: "Luxury Residential", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-beach-luxury-hotel-type-entertainment-complex-amara-dolce-vita-luxury-hotel-resort-tekirova-kemer-turkey_146671-18719.jpg", imageAlt: "Exterior of a luxury modern home"}, { - id: "4", - name: "Urban Living Apartments", - price: "Multi-Family Residential", - imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-ski-resort-covered-snow-alps_181624-30150.jpg", - imageAlt: "Exterior of a modern apartment complex", - }, + id: "4", name: "Urban Living Apartments", price: "Multi-Family Residential", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-ski-resort-covered-snow-alps_181624-30150.jpg", imageAlt: "Exterior of a modern apartment complex"}, { - id: "5", - name: "The Beacon Hotel & Spa", - price: "Hospitality", - imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194036.jpg", - imageAlt: "Luxurious hotel lobby interior", - }, + id: "5", name: "The Beacon Hotel & Spa", price: "Hospitality", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-young-business-woman-beige-suit-walking-city-center-posing-near-office-buildings_1258-194036.jpg", imageAlt: "Luxurious hotel lobby interior"}, { - id: "6", - name: "Precision Manufacturing Facility", - price: "Industrial", - imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg", - imageAlt: "Clean and modern industrial manufacturing facility", - }, + id: "6", name: "Precision Manufacturing Facility", price: "Industrial", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-goods-distribution-large-storehouse_342744-1482.jpg", imageAlt: "Clean and modern industrial manufacturing facility"}, ]} title="Showcasing Our Past Work" description="Explore a selection of our recently completed projects, demonstrating our commitment to quality, innovative design, and client satisfaction." @@ -342,14 +202,7 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Asset Group", - "Urban Developers", - "Property Solutions Inc.", - "Architectural Visionaries", - "Prime Estates Group", - "EcoBuild Innovations", - "Hospitality Ventures", - ]} + "Asset Group", "Urban Developers", "Property Solutions Inc.", "Architectural Visionaries", "Prime Estates Group", "EcoBuild Innovations", "Hospitality Ventures"]} title="Trusted by Industry Leaders" description="We partner with top-tier clients and collaborate with leading industry experts to deliver exceptional results." showCard={false} @@ -361,45 +214,24 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "1", - name: "Sarah J.", - imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg", - imageAlt: "Modern office building", - }, + id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/modern-skyscrapers-business-district_23-2148836789.jpg", imageAlt: "Modern office building"}, { - id: "2", - name: "Michael L.", - imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-with-outdoor-patio-pool_23-2152008246.jpg", - imageAlt: "Luxury home interior", - }, + id: "2", name: "Michael L.", imageSrc: "http://img.b2bpic.net/free-photo/modern-dining-room-with-outdoor-patio-pool_23-2152008246.jpg", imageAlt: "Luxury home interior"}, { - id: "3", - name: "Emily R.", - imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26764.jpg", - imageAlt: "Retail store front", - }, + id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26764.jpg", imageAlt: "Retail store front"}, { - id: "4", - name: "David K.", - imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661407.jpg", - imageAlt: "Modern apartment building", - }, + id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/daylight-analog-city-landscape-with-buildings_23-2149661407.jpg", imageAlt: "Modern apartment building"}, { - id: "5", - name: "Jessica A.", - imageSrc: "http://img.b2bpic.net/free-photo/clean-organized-pharmaceutical-plant-where-steel-pipelines-valves-are-part-sterile-environment_73899-44052.jpg", - imageAlt: "Industrial warehouse interior", - }, + id: "5", name: "Jessica A.", imageSrc: "http://img.b2bpic.net/free-photo/clean-organized-pharmaceutical-plant-where-steel-pipelines-valves-are-part-sterile-environment_73899-44052.jpg", imageAlt: "Industrial warehouse interior"}, ]} cardTitle="What Our Clients Say" cardTag="Success Stories" buttons={[ { - text: "Read All Reviews", - href: "#testimonials", - }, + text: "Read All Reviews", href: "#testimonials"}, ]} cardAnimation="blur-reveal" + buttonAnimation="slide-up" /> @@ -408,30 +240,19 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "1", - title: "What types of projects does Graybeale Construction handle?", - content: "We specialize in both residential and commercial general contracting, including new construction, renovations, remodels, and large-scale build-outs for various industries.", - }, + id: "1", title: "What types of projects does Graybeale Construction handle?", content: "We specialize in both residential and commercial general contracting, including new construction, renovations, remodels, and large-scale build-outs for various industries."}, { - id: "2", - title: "How do you ensure project quality and timely completion?", - content: "Our experienced project managers follow a rigorous process including detailed planning, regular site inspections, transparent communication, and strict adherence to timelines and budgets. We use only high-quality materials and trusted subcontractors.", - }, + id: "2", title: "How do you ensure project quality and timely completion?", content: "Our experienced project managers follow a rigorous process including detailed planning, regular site inspections, transparent communication, and strict adherence to timelines and budgets. We use only high-quality materials and trusted subcontractors."}, { - id: "3", - title: "Can I see examples of your previous work?", - content: "Absolutely! Our 'Projects' section showcases a diverse portfolio of our completed residential and commercial projects. We can also provide case studies and references upon request.", - }, + id: "3", title: "Can I see examples of your previous work?", content: "Absolutely! Our 'Projects' section showcases a diverse portfolio of our completed residential and commercial projects. We can also provide case studies and references upon request."}, { - id: "4", - title: "How do I get started with a project proposal?", - content: "Simply reach out to us through our 'Contact' form or call us directly. We'll schedule an initial consultation to discuss your vision, requirements, and provide a tailored proposal.", - }, + id: "4", title: "How do I get started with a project proposal?", content: "Simply reach out to us through our 'Contact' form or call us directly. We'll schedule an initial consultation to discuss your vision, requirements, and provide a tailored proposal."}, ]} sideTitle="Frequently Asked Questions" sideDescription="Find answers to common questions about our services, process, and commitment to quality." faqsAnimation="entrance-slide" textPosition="left" + buttonAnimation="slide-up" /> @@ -442,27 +263,16 @@ export default function LandingPage() { description="Ready to start your next construction project? Get in touch with Graybeale Construction Inc. for a consultation and estimate." inputs={[ { - name: "name", - type: "text", - placeholder: "Your Name", - required: true, + name: "name", type: "text", placeholder: "Your Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Your Email", - required: true, + name: "email", type: "email", placeholder: "Your Email", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Your Phone (Optional)", - }, + name: "phone", type: "tel", placeholder: "Your Phone (Optional)"}, ]} textarea={{ - name: "message", - placeholder: "Tell us about your project...", - rows: 5, + name: "message", placeholder: "Tell us about your project...", rows: 5, required: true, }} imageSrc="http://img.b2bpic.net/free-photo/man-standing-rooftop-with-phone-hand_23-2148269876.jpg" @@ -478,66 +288,39 @@ export default function LandingPage() { logoText="Graybeale Construction Inc" columns={[ { - title: "Services", - items: [ + title: "Services", items: [ { - label: "Residential", - href: "#services", - }, + label: "Residential", href: "#services"}, { - label: "Commercial", - href: "#services", - }, + label: "Commercial", href: "#services"}, { - label: "Project Management", - href: "#services", - }, + label: "Project Management", href: "#services"}, { - label: "Consultation", - href: "#", - }, + label: "Consultation", href: "#"}, ], }, { - 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"}, { - label: "Testimonials", - href: "#testimonials", - }, + label: "Testimonials", href: "#testimonials"}, ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { - label: "Contact Us", - href: "#contact", - }, + label: "Contact Us", href: "#contact"}, { - label: "Careers", - href: "#", - }, + label: "Careers", href: "#"}, { - label: "FAQs", - href: "#faq", - }, + label: "FAQs", href: "#faq"}, { - label: "LinkedIn", - href: "https://linkedin.com/graybeale", - }, + label: "LinkedIn", href: "https://linkedin.com/graybeale"}, ], }, ]}