bender/a217e07d-6392-4e9c-930c-7933e448a00a
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-04-18 01:52:03 +00:00
parent 1b76637b2b
commit 6f9c077bcc
1 changed files with 44 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

263
src/app/page.tsx
View File

@@ -31,26 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Services",
id: "#services",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "About",
id: "#about",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Services", id: "#services" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "About", id: "#about" },
{ name: "Contact", id: "#contact" }
]}
brandName="Innovative Tile & Stone"
/>
@@ -58,65 +43,27 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Luxury Tile & Stone Installation Done Right the First Time"
description="Custom showers, kitchens, flooring, and stonework crafted with precision, integrity, and unmatched attention to detail."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Our Work",
href: "#portfolio",
},
{ text: "Get a Free Quote", href: "#contact" },
{ text: "View Our Work", href: "#portfolio" }
]}
imageSrc="http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor-vertical-frame_166373-2129.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor-vertical-frame_166373-2129.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg",
alt: "Tiler working on renovation of apartment",
},
{
src: "http://img.b2bpic.net/free-photo/woman-measuring-wooden-plank_53876-63289.jpg",
alt: "Woman measuring a wooden plank",
},
{
src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278644.jpg",
alt: "Tiler working on renovation of apartment",
},
{
src: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg",
alt: "Installing ceramic floor tiles in construction site",
},
{
src: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861547.jpg",
alt: "Man working in his wood shop",
},
{ src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278646.jpg", alt: "Tiler working on renovation of apartment" },
{ src: "http://img.b2bpic.net/free-photo/woman-measuring-wooden-plank_53876-63289.jpg", alt: "Woman measuring a wooden plank" },
{ src: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278644.jpg", alt: "Tiler working on renovation of apartment" },
{ src: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor_166373-2132.jpg", alt: "Installing ceramic floor tiles in construction site" },
{ src: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861547.jpg", alt: "Man working in his wood shop" }
]}
marqueeItems={[
{
type: "text",
text: "Precision Craftsmanship",
},
{
type: "text",
text: "Luxury Stone Design",
},
{
type: "text",
text: "Reliable Portland Contractor",
},
{
type: "text",
text: "Custom Tile Installations",
},
{
type: "text",
text: "Modern Remodel Experts",
},
{ type: "text", text: "Precision Craftsmanship" },
{ type: "text", text: "Luxury Stone Design" },
{ type: "text", text: "Reliable Portland Contractor" },
{ type: "text", text: "Custom Tile Installations" },
{ type: "text", text: "Modern Remodel Experts" }
]}
/>
</div>
@@ -125,15 +72,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"4.9 Rating",
"Portland Trusted",
"Precision Expert",
"Certified Craftsman",
"Design Specialist",
"Reliable Service",
"Top Rated",
]}
names={["4.9 Rating", "Portland Trusted", "Precision Expert", "Certified Craftsman", "Design Specialist", "Reliable Service", "Top Rated"]}
title="Trusted Craftsmanship. Proven Results."
description="Homeowners consistently choose Innovative Tile & Stone for one reason—quality without compromise. From custom showers to detailed cuts and full remodels, every project is handled with expert precision and care."
/>
@@ -145,54 +84,12 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Custom Tile Showers",
description: "Luxury showers designed to elevate your space.",
bentoComponent: "reveal-icon",
icon: Droplets,
imageSrc: "http://img.b2bpic.net/free-photo/three-shower-niches-ambient-light-stone-minimalism_169016-68895.jpg",
imageAlt: "modern luxury bathroom shower tiling",
},
{
title: "Kitchen Tile & Backsplashes",
description: "Clean, modern finishes that transform your kitchen.",
bentoComponent: "reveal-icon",
icon: Utensils,
imageSrc: "http://img.b2bpic.net/free-photo/installing-ceramic-floor-tiles-construction-site-construction-workers-workers-laying-tiles-floor-with-cement-adhesive-renovating-floor-vertical-frame_166373-2129.jpg?_wi=2",
imageAlt: "modern luxury bathroom shower tiling",
},
{
title: "Bathroom Remodeling",
description: "From floors to vanities—complete upgrades.",
bentoComponent: "reveal-icon",
icon: Droplet,
imageSrc: "http://img.b2bpic.net/free-photo/tiler-working-renovation-apartment_23-2149278630.jpg",
imageAlt: "modern luxury bathroom shower tiling",
},
{
title: "Flooring Installation",
description: "Precision-laid durable tile floors.",
bentoComponent: "reveal-icon",
icon: Home,
imageSrc: "http://img.b2bpic.net/free-photo/cement-background-crossed-by-diagonal-line-pebbles-stone_158595-6387.jpg",
imageAlt: "modern luxury bathroom shower tiling",
},
{
title: "Custom Fireplaces",
description: "Statement pieces crafted with precision.",
bentoComponent: "reveal-icon",
icon: Flame,
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214793.jpg?_wi=1",
imageAlt: "modern luxury bathroom shower tiling",
},
{
title: "Custom Stairs",
description: "Unique, high-end stair designs.",
bentoComponent: "reveal-icon",
icon: ArrowUp,
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-salad-white-plate_114579-59925.jpg?_wi=1",
imageAlt: "modern luxury bathroom shower tiling",
},
{ title: "Custom Tile Showers", description: "Luxury showers designed to elevate your space.", bentoComponent: "reveal-icon", icon: Droplets },
{ title: "Kitchen Tile & Backsplashes", description: "Clean, modern finishes that transform your kitchen.", bentoComponent: "reveal-icon", icon: Utensils },
{ title: "Bathroom Remodeling", description: "From floors to vanities—complete upgrades.", bentoComponent: "reveal-icon", icon: Droplet },
{ title: "Flooring Installation", description: "Precision-laid durable tile floors.", bentoComponent: "reveal-icon", icon: Home },
{ title: "Custom Fireplaces", description: "Statement pieces crafted with precision.", bentoComponent: "reveal-icon", icon: Flame },
{ title: "Custom Stairs", description: "Unique, high-end stair designs.", bentoComponent: "reveal-icon", icon: ArrowUp }
]}
title="Custom Tile & Stone Services"
description="Premium services designed to elevate your home."
@@ -206,26 +103,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "100%",
description: "Precision & Detail",
},
{
id: "m2",
value: "100%",
description: "Honest & Reliable",
},
{
id: "m3",
value: "Expert",
description: "Design Guidance",
},
{
id: "m4",
value: "Master",
description: "Master-Level Craftsmanship",
},
{ id: "m1", value: "100%", description: "Precision & Detail" },
{ id: "m2", value: "100%", description: "Honest & Reliable" },
{ id: "m3", value: "Expert", description: "Design Guidance" },
{ id: "m4", value: "Master", description: "Master-Level Craftsmanship" }
]}
title="Why Homeowners Choose Innovative"
description="Commitment to excellence at every stage."
@@ -239,42 +120,12 @@ export default function LandingPage() {
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Custom Shower",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214793.jpg?_wi=2",
},
{
id: "p2",
name: "Modern Kitchen",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-salad-white-plate_114579-59925.jpg?_wi=2",
},
{
id: "p3",
name: "Stone Fireplace",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg",
},
{
id: "p4",
name: "Entryway Design",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-bucket-hat-city_23-2149228162.jpg",
},
{
id: "p5",
name: "Custom Stairs",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/house-nature-white-color-clean_1203-4782.jpg",
},
{
id: "p6",
name: "Countertops",
price: "See Work",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683460.jpg",
},
{ id: "p1", name: "Custom Shower", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214793.jpg" },
{ id: "p2", name: "Modern Kitchen", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-vegetable-salad-white-plate_114579-59925.jpg" },
{ id: "p3", name: "Stone Fireplace", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-background-zoom-calls_23-2149684469.jpg" },
{ id: "p4", name: "Entryway Design", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-bucket-hat-city_23-2149228162.jpg" },
{ id: "p5", name: "Custom Stairs", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/house-nature-white-color-clean_1203-4782.jpg" },
{ id: "p6", name: "Countertops", price: "See Work", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683460.jpg" }
]}
title="Our Work Speaks for Itself"
description="View our recent projects showcasing high-end craftsmanship."
@@ -286,21 +137,9 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Meet Shane – The Craftsman"
metrics={[
{
icon: Award,
label: "Years Experience",
value: "10+",
},
{
icon: Check,
label: "Projects Completed",
value: "500+",
},
{
icon: Smile,
label: "Happy Clients",
value: "450+",
},
{ icon: Award, label: "Years Experience", value: "10+" },
{ icon: Check, label: "Projects Completed", value: "500+" },
{ icon: Smile, label: "Happy Clients", value: "450+" }
]}
metricsAnimation="slide-up"
/>
@@ -309,19 +148,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to Upgrade Your Space? Whether you’re planning a full remodel or a custom tile project, we’re here to bring your vision to life with precision and care. Call us at (541) 990-0833."
buttons={[
{
text: "Request a Quote",
href: "#",
},
{
text: "Call Shane Now",
href: "tel:5419900833",
},
{ text: "Request a Quote", href: "#" },
{ text: "Call Shane Now", href: "tel:5419900833" }
]}
/>
</div>
@@ -329,14 +160,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Innovative Tile & Stone"
leftLink={{
text: "© 2024 All Rights Reserved",
href: "#",
}}
rightLink={{
text: "541-990-0833 | Portland, OR",
href: "tel:5419900833",
}}
leftLink={{ text: "© 2024 All Rights Reserved", href: "#" }}
rightLink={{ text: "541-990-0833 | Portland, OR", href: "tel:5419900833" }}
/>
</div>
</ReactLenis>