bender/34c9eb8b-2f65-42d0-83e7-2bfd9c06fa17
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-05-30 19:46:51 +00:00
parent f18174d671
commit 57f189752e
1 changed files with 53 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -32,34 +32,20 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Get a Quote",
href: "#contact",
}}
text: "Get a Quote", href: "#contact"}}
brandName="Gallery Built Roofing"
/>
</div>
@@ -70,35 +56,21 @@ export default function LandingPage() {
description="Premium materials, flawless craftsmanship, and design integrity for homes that demand excellence. Gallery Built delivers roofs as stunning as they are built to last."
buttons={[
{
text: "View Our Portfolio",
href: "#portfolio",
},
text: "View Our Portfolio", href: "#portfolio"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg?_wi=1",
imageAlt: "Luxury home with modern roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg", imageAlt: "Luxury home with modern roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg?_wi=1",
imageAlt: "Stunning roofline on a modern architectural home",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg", imageAlt: "Stunning roofline on a modern architectural home"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=1",
imageAlt: "Contemporary residential roof",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg", imageAlt: "Contemporary residential roof"},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
imageAlt: "High-end roof design with detailed craftsmanship",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "High-end roof design with detailed craftsmanship"},
{
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-wooden-brown-houses-blue-sky_181624-6026.jpg",
imageAlt: "Finished residential roofing project",
},
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-wooden-brown-houses-blue-sky_181624-6026.jpg", imageAlt: "Finished residential roofing project"},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg",
imageAlt: "Architectural house roof detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-stadium_1127-110.jpg", imageAlt: "Architectural house roof detail"},
]}
showDimOverlay={true}
/>
@@ -111,9 +83,7 @@ export default function LandingPage() {
title="Crafting Architectural Masterpieces, One Roof at a Time"
buttons={[
{
text: "Learn More About Us",
href: "#",
},
text: "Learn More About Us", href: "#"},
]}
/>
</div>
@@ -125,46 +95,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Architectural Design Consultation",
description: "Collaborate with our experts to select materials and designs that perfectly complement your home's aesthetic and architectural integrity. We provide detailed visualizations and material samples to ensure your vision comes to life.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264426.jpg",
imageAlt: "Architectural roof design process",
},
title: "Architectural Design Consultation", description: "Collaborate with our experts to select materials and designs that perfectly complement your home's aesthetic and architectural integrity. We provide detailed visualizations and material samples to ensure your vision comes to life.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-wooden-house_23-2151264426.jpg", imageAlt: "Architectural roof design process"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg",
imageAlt: "Roof material samples selection",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg?_wi=2",
imageAlt: "architectural roof design process",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13101.jpg", imageAlt: "Roof material samples selection"}
},
{
title: "Flawless Installation & Craftsmanship",
description: "Our certified artisans employ precision techniques and adhere to the highest industry standards, ensuring every tile, shingle, or panel is installed with unwavering attention to detail and lasting durability.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-goes-down-rope-ladder_1304-5001.jpg",
imageAlt: "Professional roof installation team",
},
title: "Flawless Installation & Craftsmanship", description: "Our certified artisans employ precision techniques and adhere to the highest industry standards, ensuring every tile, shingle, or panel is installed with unwavering attention to detail and lasting durability.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/man-goes-down-rope-ladder_1304-5001.jpg", imageAlt: "Professional roof installation team"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
imageAlt: "Detailed roof edge finishing",
},
imageSrc: "http://img.b2bpic.net/free-photo/white-buildings-with-red-roofs-sunlight_181624-5655.jpg?_wi=2",
imageAlt: "architectural roof design process",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg", imageAlt: "Detailed roof edge finishing"}
},
{
title: "Comprehensive Quality Assurance",
description: "From initial site assessment to post-installation inspection, our multi-point quality control process guarantees that your new roof not only looks spectacular but performs flawlessly for decades to come.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/crop-men-examining-drafts_23-2147785495.jpg",
imageAlt: "Drone inspecting completed roof",
},
title: "Comprehensive Quality Assurance", description: "From initial site assessment to post-installation inspection, our multi-point quality control process guarantees that your new roof not only looks spectacular but performs flawlessly for decades to come.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/crop-men-examining-drafts_23-2147785495.jpg", imageAlt: "Drone inspecting completed roof"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/small-house-model-pen-blank-clipboard-blue-backdrop_23-2148203965.jpg",
imageAlt: "Extended roofing warranty document",
},
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet_23-2149343634.jpg?_wi=2",
imageAlt: "architectural roof design process",
imageSrc: "http://img.b2bpic.net/free-photo/small-house-model-pen-blank-clipboard-blue-backdrop_23-2148203965.jpg", imageAlt: "Extended roofing warranty document"}
},
]}
showStepNumbers={true}
@@ -181,53 +127,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Modern Shingle Elegance",
price: "Starting at $25,000",
variant: "Asphalt Shingle",
imageSrc: "http://img.b2bpic.net/free-photo/black-texture-lines_181624-13114.jpg",
imageAlt: "Modern shingle roof on a luxury home",
},
id: "1", name: "Modern Shingle Elegance", price: "Starting at $25,000", variant: "Asphalt Shingle", imageSrc: "http://img.b2bpic.net/free-photo/black-texture-lines_181624-13114.jpg", imageAlt: "Modern shingle roof on a luxury home"},
{
id: "2",
name: "Sleek Metal Mastery",
price: "Starting at $35,000",
variant: "Standing Seam Metal",
imageSrc: "http://img.b2bpic.net/free-photo/metallic-building-wall-sky_23-2148744289.jpg",
imageAlt: "Sleek metal roof on a modern building",
},
id: "2", name: "Sleek Metal Mastery", price: "Starting at $35,000", variant: "Standing Seam Metal", imageSrc: "http://img.b2bpic.net/free-photo/metallic-building-wall-sky_23-2148744289.jpg", imageAlt: "Sleek metal roof on a modern building"},
{
id: "3",
name: "Timeless Slate Grandeur",
price: "Starting at $45,000",
variant: "Natural Slate Tile",
imageSrc: "http://img.b2bpic.net/free-photo/cotton-candies-chocolate-waffle-wooden-plate-tea-towel-blue_114579-37111.jpg",
imageAlt: "Classic slate roof on a luxury estate",
},
id: "3", name: "Timeless Slate Grandeur", price: "Starting at $45,000", variant: "Natural Slate Tile", imageSrc: "http://img.b2bpic.net/free-photo/cotton-candies-chocolate-waffle-wooden-plate-tea-towel-blue_114579-37111.jpg", imageAlt: "Classic slate roof on a luxury estate"},
{
id: "4",
name: "Rustic Cedar Charm",
price: "Starting at $28,000",
variant: "Cedar Shake",
imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg",
imageAlt: "Wooden shake roof with rustic charm",
},
id: "4", name: "Rustic Cedar Charm", price: "Starting at $28,000", variant: "Cedar Shake", imageSrc: "http://img.b2bpic.net/free-photo/house-surrounded-by-greenery-with-hills-cloudy-sky-background_181624-9940.jpg", imageAlt: "Wooden shake roof with rustic charm"},
{
id: "5",
name: "Mediterranean Clay Tiles",
price: "Starting at $30,000",
variant: "Terracotta Clay Tile",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-house-wall_23-2148106923.jpg",
imageAlt: "Clay tile roof on a Mediterranean villa",
},
id: "5", name: "Mediterranean Clay Tiles", price: "Starting at $30,000", variant: "Terracotta Clay Tile", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-house-wall_23-2148106923.jpg", imageAlt: "Clay tile roof on a Mediterranean villa"},
{
id: "6",
name: "Sustainable Green Roof",
price: "Starting at $50,000",
variant: "Vegetated Living Roof",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg",
imageAlt: "Eco-friendly green roof on a modern design",
},
id: "6", name: "Sustainable Green Roof", price: "Starting at $50,000", variant: "Vegetated Living Roof", imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-from-hong-kong_181624-34551.jpg", imageAlt: "Eco-friendly green roof on a modern design"},
]}
title="Our Signature Roofing Portfolio"
description="Explore a curated selection of our most exquisite roofing projects, showcasing the diverse materials, intricate designs, and flawless execution that define Gallery Built Roofing."
@@ -240,65 +150,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Eleanor Vance",
date: "October 2023",
title: "Beyond Expectations",
quote: "Gallery Built Roofing transformed our home with a roof that's not just durable but a true work of art. The attention to detail and seamless process were beyond our expectations.",
tag: "Homeowner",
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-female-model-with-short-wavy-hair-calling-friend-from-hotel-lovely-young-woman-pink-blouse-talking-phone-while-standing-balcony_197531-9087.jpg",
avatarAlt: "Eleanor Vance",
imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-striped-apartment-building_181624-58289.jpg",
imageAlt: "Modern luxury home exterior",
},
id: "1", name: "Eleanor Vance", date: "October 2023", title: "Beyond Expectations", quote: "Gallery Built Roofing transformed our home with a roof that's not just durable but a true work of art. The attention to detail and seamless process were beyond our expectations.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-female-model-with-short-wavy-hair-calling-friend-from-hotel-lovely-young-woman-pink-blouse-talking-phone-while-standing-balcony_197531-9087.jpg", avatarAlt: "Eleanor Vance", imageSrc: "http://img.b2bpic.net/free-photo/grayscale-shot-striped-apartment-building_181624-58289.jpg", imageAlt: "Modern luxury home exterior"},
{
id: "2",
name: "Marcus Thorne",
date: "September 2023",
title: "Architectural Perfection",
quote: "As an architect, I appreciate precision. Gallery Built delivered a roofing solution that perfectly executed our design intent, using materials of the highest caliber. Truly architectural perfection.",
tag: "Architect",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
avatarAlt: "Marcus Thorne",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg",
imageAlt: "Stunning roof detail luxury residence",
},
id: "2", name: "Marcus Thorne", date: "September 2023", title: "Architectural Perfection", quote: "As an architect, I appreciate precision. Gallery Built delivered a roofing solution that perfectly executed our design intent, using materials of the highest caliber. Truly architectural perfection.", tag: "Architect", avatarSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", avatarAlt: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-house-with-wooden-pieces_23-2148931503.jpg", imageAlt: "Stunning roof detail luxury residence"},
{
id: "3",
name: "Sophia Chen",
date: "August 2023",
title: "Unmatched Craftsmanship",
quote: "The craftsmanship on our new slate roof is simply unmatched. Gallery Built Roofing took the time to explain every step, ensuring we felt confident and informed throughout the entire project. Highly recommended!",
tag: "Homeowner",
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg",
avatarAlt: "Sophia Chen",
imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg",
imageAlt: "Large luxury home with new roof",
},
id: "3", name: "Sophia Chen", date: "August 2023", title: "Unmatched Craftsmanship", quote: "The craftsmanship on our new slate roof is simply unmatched. Gallery Built Roofing took the time to explain every step, ensuring we felt confident and informed throughout the entire project. Highly recommended!", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-confident-middleaged-man-gray-sweater-showing-thumbsup-approval-recommendi_1258-129203.jpg", avatarAlt: "Sophia Chen", imageSrc: "http://img.b2bpic.net/free-photo/old-house-with-tiled-roof_169016-29073.jpg", imageAlt: "Large luxury home with new roof"},
{
id: "4",
name: "David Lee",
date: "July 2023",
title: "A Partner in Design",
quote: "Working with Gallery Built Roofing was a true partnership. They understood our design aesthetic and translated it into a roof that enhances the entire property. Their expertise is invaluable.",
tag: "Interior Designer",
avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-taking-off-butterfly-black-background_176420-55699.jpg",
avatarAlt: "David Lee",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-roof_181624-2403.jpg",
imageAlt: "Custom built home roof design",
},
id: "4", name: "David Lee", date: "July 2023", title: "A Partner in Design", quote: "Working with Gallery Built Roofing was a true partnership. They understood our design aesthetic and translated it into a roof that enhances the entire property. Their expertise is invaluable.", tag: "Interior Designer", avatarSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-taking-off-butterfly-black-background_176420-55699.jpg", avatarAlt: "David Lee", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-wooden-roof_181624-2403.jpg", imageAlt: "Custom built home roof design"},
{
id: "5",
name: "Isabelle Dubois",
date: "June 2023",
title: "Flawless Execution",
quote: "From the initial consultation to the final walkthrough, Gallery Built demonstrated professionalism and delivered flawless execution. Our contemporary home now boasts a roof as impressive as its structure.",
tag: "Homeowner",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-laughing-mature-woman-holding-hands-her-chest_171337-8078.jpg",
avatarAlt: "Isabelle Dubois",
imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-building-with-pillars_250224-338.jpg",
imageAlt: "Contemporary villa with flat roof design",
},
id: "5", name: "Isabelle Dubois", date: "June 2023", title: "Flawless Execution", quote: "From the initial consultation to the final walkthrough, Gallery Built demonstrated professionalism and delivered flawless execution. Our contemporary home now boasts a roof as impressive as its structure.", tag: "Homeowner", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-laughing-mature-woman-holding-hands-her-chest_171337-8078.jpg", avatarAlt: "Isabelle Dubois", imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-building-with-pillars_250224-338.jpg", imageAlt: "Contemporary villa with flat roof design"},
]}
title="Voices of Our Valued Clients"
description="Hear directly from homeowners and architects who have experienced the Gallery Built difference in quality, service, and stunning results."
@@ -310,14 +170,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Architekton Design",
"Elite Homes Group",
"Heritage Builders",
"Structural Innovations",
"Zenith Architecture",
"Green Living Homes",
"Prestige Property Mgt.",
]}
"Architekton Design", "Elite Homes Group", "Heritage Builders", "Structural Innovations", "Zenith Architecture", "Green Living Homes", "Prestige Property Mgt."]}
title="Trusted by Architects & Home Builders"
description="Our commitment to excellence has earned us the trust of leading architectural firms and luxury home builders across the region."
showCard={true}
@@ -329,25 +182,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq-1",
title: "What types of premium roofing materials do you specialize in?",
content: "We specialize in a wide range of high-end materials including natural slate, copper, standing seam metal, architectural asphalt shingles, and sustainable green roofing systems. Our team provides expert guidance to help you select the ideal material for your home's aesthetics and climate.",
},
id: "faq-1", title: "What types of premium roofing materials do you specialize in?", content: "We specialize in a wide range of high-end materials including natural slate, copper, standing seam metal, architectural asphalt shingles, and sustainable green roofing systems. Our team provides expert guidance to help you select the ideal material for your home's aesthetics and climate."},
{
id: "faq-2",
title: "How does your design consultation process work?",
content: "Our design consultation begins with an in-depth discussion of your architectural style, aesthetic preferences, and functional requirements. We provide detailed material samples, 3D renderings, and expert recommendations to ensure the final design perfectly aligns with your vision and budget.",
},
id: "faq-2", title: "How does your design consultation process work?", content: "Our design consultation begins with an in-depth discussion of your architectural style, aesthetic preferences, and functional requirements. We provide detailed material samples, 3D renderings, and expert recommendations to ensure the final design perfectly aligns with your vision and budget."},
{
id: "faq-3",
title: "What kind of warranty do you offer on your roofing projects?",
content: "Gallery Built Roofing stands behind its work with comprehensive warranties covering both materials and labor. Specific warranty details vary by material and project scope, but we ensure robust protection for your investment. We are happy to discuss these details during your consultation.",
},
id: "faq-3", title: "What kind of warranty do you offer on your roofing projects?", content: "Gallery Built Roofing stands behind its work with comprehensive warranties covering both materials and labor. Specific warranty details vary by material and project scope, but we ensure robust protection for your investment. We are happy to discuss these details during your consultation."},
{
id: "faq-4",
title: "Are you licensed and insured?",
content: "Absolutely. Gallery Built Roofing is fully licensed, bonded, and insured, providing peace of mind and protection for all our clients and projects. We adhere to all local and national building codes and safety regulations.",
},
id: "faq-4", title: "Are you licensed and insured?", content: "Absolutely. Gallery Built Roofing is fully licensed, bonded, and insured, providing peace of mind and protection for all our clients and projects. We adhere to all local and national building codes and safety regulations."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our premium roofing services, materials, and process. If you don't find what you're looking for, feel free to contact us directly."
@@ -360,8 +201,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Connect With Us"
title="Begin Your Gallery Built Roofing Experience"
description="Ready to transform your home with a roof of unparalleled beauty and durability? Contact us today for a personalized consultation."
@@ -376,54 +216,33 @@ export default function LandingPage() {
logoText="Gallery Built Roofing"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Process",
href: "#features",
},
label: "Our Process", href: "#features"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Partners",
href: "#social-proof",
},
label: "Partners", href: "#social-proof"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Get a Quote",
href: "#contact",
},
label: "Get a Quote", href: "#contact"},
{
label: "Email Us",
href: "mailto:info@gallerybuilt.com",
},
label: "Email Us", href: "mailto:info@gallerybuilt.com"},
{
label: "Call Us",
href: "tel:+18001234567",
},
label: "Call Us", href: "tel:+18001234567"},
],
},
]}