Merge version_1 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -10,7 +10,7 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import { Shield } from "lucide-react";
|
||||
import { Shield, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Stax Interiors"
|
||||
/>
|
||||
@@ -59,102 +49,57 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Elevating Seattle Living"
|
||||
description="Stax Interiors brings 12+ years of architectural precision to luxury flooring and staircase installations in Greater Seattle."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice J.",
|
||||
handle: "@alicej",
|
||||
testimonial: "Exceptional craftsmanship and attention to detail. Our staircase is a masterpiece.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg",
|
||||
},
|
||||
name: "Alice J.", handle: "@alicej", testimonial: "Exceptional craftsmanship and attention to detail. Our staircase is a masterpiece.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg"},
|
||||
{
|
||||
name: "Bob K.",
|
||||
handle: "@bobk",
|
||||
testimonial: "Stax Interiors transformed our home. Truly professional work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg",
|
||||
},
|
||||
name: "Bob K.", handle: "@bobk", testimonial: "Stax Interiors transformed our home. Truly professional work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg"},
|
||||
{
|
||||
name: "Charlie D.",
|
||||
handle: "@charlied",
|
||||
testimonial: "The best hardwood refinishing service in Seattle. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
},
|
||||
name: "Charlie D.", handle: "@charlied", testimonial: "The best hardwood refinishing service in Seattle. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg"},
|
||||
{
|
||||
name: "Diana S.",
|
||||
handle: "@dianas",
|
||||
testimonial: "Clean, efficient, and expensive-looking results. Worth every penny.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
},
|
||||
name: "Diana S.", handle: "@dianas", testimonial: "Clean, efficient, and expensive-looking results. Worth every penny.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg"},
|
||||
{
|
||||
name: "Edward M.",
|
||||
handle: "@edwardm",
|
||||
testimonial: "Professional team. Exceeded our expectations on the LVP install.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg",
|
||||
},
|
||||
name: "Edward M.", handle: "@edwardm", testimonial: "Professional team. Exceeded our expectations on the LVP install.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Projects",
|
||||
href: "#portfolio",
|
||||
},
|
||||
text: "View Our Projects", href: "#portfolio"},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/minimal-amazing-interior-design_23-2150534617.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/clothes-designers-working-store_23-2148915551.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086831.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lower-angle-portrait-young-strong-man-with-muscles-tries-close-his-suitcase-full-clothes-pressing-bag-with-effort_1258-314717.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5923.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Architectural Design",
|
||||
},
|
||||
type: "text", text: "Architectural Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Precision Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Installations",
|
||||
},
|
||||
type: "text", text: "Custom Installations"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seattle Based",
|
||||
},
|
||||
type: "text", text: "Seattle Based"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,41 +123,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Hardwood Floors",
|
||||
description: "Premium installation of solid and engineered hardwoods.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?_wi=1",
|
||||
},
|
||||
title: "Hardwood Floors", description: "Premium installation of solid and engineered hardwoods.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg"},
|
||||
{
|
||||
title: "Stair Installs",
|
||||
description: "Architectural staircase upgrades for modern living.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263634.jpg",
|
||||
},
|
||||
title: "Stair Installs", description: "Architectural staircase upgrades for modern living.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263634.jpg"},
|
||||
{
|
||||
title: "Carpet Removal",
|
||||
description: "Seamless transition from old carpet to modern flooring.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-his-leg-barre-dance-studio_23-2148169380.jpg",
|
||||
},
|
||||
title: "Carpet Removal", description: "Seamless transition from old carpet to modern flooring.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-stretching-his-leg-barre-dance-studio_23-2148169380.jpg"},
|
||||
{
|
||||
title: "Refinishing",
|
||||
description: "Renew existing floors with professional sanding and finish.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?_wi=2",
|
||||
},
|
||||
title: "Refinishing", description: "Renew existing floors with professional sanding and finish.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg"},
|
||||
{
|
||||
title: "LVP Solutions",
|
||||
description: "High-durability luxury vinyl plank installs.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-surface-texture-with-lines_23-2147626019.jpg",
|
||||
},
|
||||
title: "LVP Solutions", description: "High-durability luxury vinyl plank installs.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/antique-surface-texture-with-lines_23-2147626019.jpg"},
|
||||
{
|
||||
title: "Trim Work",
|
||||
description: "Crisp, clean baseboards and crown molding finish.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg?_wi=3",
|
||||
},
|
||||
title: "Trim Work", description: "Crisp, clean baseboards and crown molding finish.", buttonIcon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herringbone-stairs-flooring-wooden-chevron-modern-finish_169016-68991.jpg"},
|
||||
]}
|
||||
title="Mastery in Every Detail"
|
||||
description="Our comprehensive suite of flooring services is designed to elevate your living space."
|
||||
@@ -227,41 +154,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Modern Oak Refinish",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-measuring-instruments-near-blueprints_23-2147785567.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Modern Oak Refinish", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glasses-measuring-instruments-near-blueprints_23-2147785567.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Minimalist Stairwell",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-overworked-entrepreneur-doing-overtime-project-deadline-typing-laptop-serious-entrepreneur-working-corporate-job-sitting-staircase-business-building-late-night_482257-13881.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Minimalist Stairwell", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/exhausted-overworked-entrepreneur-doing-overtime-project-deadline-typing-laptop-serious-entrepreneur-working-corporate-job-sitting-staircase-business-building-late-night_482257-13881.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Living Room Hardwood",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Living Room Hardwood", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Trim Detailing",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-measuring-instruments-near-blueprints_23-2147785567.jpg?_wi=2",
|
||||
},
|
||||
id: "p4", name: "Trim Detailing", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/glasses-measuring-instruments-near-blueprints_23-2147785567.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "LVP Master Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhausted-overworked-entrepreneur-doing-overtime-project-deadline-typing-laptop-serious-entrepreneur-working-corporate-job-sitting-staircase-business-building-late-night_482257-13881.jpg?_wi=2",
|
||||
},
|
||||
id: "p5", name: "LVP Master Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/exhausted-overworked-entrepreneur-doing-overtime-project-deadline-typing-laptop-serious-entrepreneur-working-corporate-job-sitting-staircase-business-building-late-night_482257-13881.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Grand Entryway",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg?_wi=2",
|
||||
},
|
||||
id: "p6", name: "Grand Entryway", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/bathroom-sign-dark-door_23-2149936880.jpg"},
|
||||
]}
|
||||
title="Recent Transformations"
|
||||
description="A glimpse into our architectural flooring projects."
|
||||
@@ -275,25 +178,13 @@ export default function LandingPage() {
|
||||
tag="Our Proven Process"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1",
|
||||
description: "Consultation & Design Discovery",
|
||||
},
|
||||
id: "m1", value: "1", description: "Consultation & Design Discovery"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2",
|
||||
description: "Material Selection & Prep",
|
||||
},
|
||||
id: "m2", value: "2", description: "Material Selection & Prep"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "3",
|
||||
description: "Precision Installation",
|
||||
},
|
||||
id: "m3", value: "3", description: "Precision Installation"},
|
||||
{
|
||||
id: "m4",
|
||||
value: "4",
|
||||
description: "Final Inspection & Reveal",
|
||||
},
|
||||
id: "m4", value: "4", description: "Final Inspection & Reveal"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -303,20 +194,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Transform Your Home?"
|
||||
description="Reach out to discuss your luxury flooring project in the Greater Seattle area."
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:staxinteriors@gmail.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:staxinteriors@gmail.com"},
|
||||
{
|
||||
text: "Call (425) 563-5317",
|
||||
href: "tel:+14255635317",
|
||||
},
|
||||
text: "Call (425) 563-5317", href: "tel:+14255635317"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -326,37 +212,23 @@ export default function LandingPage() {
|
||||
logoText="Stax Interiors"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
label: "Portfolio", href: "#portfolio"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Seattle, WA",
|
||||
href: "#",
|
||||
},
|
||||
label: "Seattle, WA", href: "#"},
|
||||
{
|
||||
label: "staxinteriors@gmail.com",
|
||||
href: "mailto:staxinteriors@gmail.com",
|
||||
},
|
||||
label: "staxinteriors@gmail.com", href: "mailto:staxinteriors@gmail.com"},
|
||||
{
|
||||
label: "(425) 563-5317",
|
||||
href: "tel:+14255635317",
|
||||
},
|
||||
label: "(425) 563-5317", href: "tel:+14255635317"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user