Merge version_1 into main #2
279
src/app/page.tsx
279
src/app/page.tsx
@@ -33,17 +33,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="MSI Decor"
|
||||
/>
|
||||
@@ -52,71 +46,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Architectural Surfaces for Modern Living"
|
||||
description="Experience superior quality decor products, from premium stone slabs to artisanal tiles. Elevating spaces since 1975."
|
||||
kpis={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Designs Curated",
|
||||
},
|
||||
value: "10k+", label: "Designs Curated"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Sourcing Sites",
|
||||
},
|
||||
value: "50+", label: "Global Sourcing Sites"},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Retail Partners",
|
||||
},
|
||||
value: "2000+", label: "Retail Partners"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-plant-vase-decoration-composition_23-2149090616.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/home-plant-vase-decoration-composition_23-2149090616.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692333.jpg",
|
||||
alt: "Modern entry architecture",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692333.jpg", alt: "Modern entry architecture"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg",
|
||||
alt: "Artist studio supply",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/painting-inspiration-supplies-placed-ready-be-painted-canvas_482257-127568.jpg", alt: "Artist studio supply"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg",
|
||||
alt: "Minimal decor room",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407613.jpg", alt: "Minimal decor room"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg",
|
||||
alt: "Lighting design",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/light-lamp-decoration-interior_74190-6674.jpg", alt: "Lighting design"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg",
|
||||
alt: "Design team collaborative",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cool-young-stylish-happy-people-co-working-office_285396-1800.jpg", alt: "Design team collaborative"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ design firms"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quartz",
|
||||
},
|
||||
type: "text", text: "Premium Quartz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Marble",
|
||||
},
|
||||
type: "text", text: "Luxury Marble"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Tile",
|
||||
},
|
||||
type: "text", text: "Artisanal Tile"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Porcelain",
|
||||
},
|
||||
type: "text", text: "Modern Porcelain"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Stone Slabs",
|
||||
},
|
||||
type: "text", text: "Stone Slabs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,7 +96,7 @@ export default function LandingPage() {
|
||||
description="We believe every space deserves materials that inspire. Our commitment to innovation and beauty defines everything we do in the decor industry."
|
||||
subdescription="From natural stone to eco-friendly composites, our collections are meticulously selected for durability, style, and environmental responsibility."
|
||||
icon={Shield}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -141,49 +108,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "Materials engineered for heavy-traffic luxury spaces.",
|
||||
icon: CheckCircle,
|
||||
title: "Premium Durability", description: "Materials engineered for heavy-traffic luxury spaces.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-wildflowers_23-2148194815.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-beautiful-wildflowers_23-2148194815.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pickle-green-patty-pan-squash-black-wooden-board_114579-83029.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pickle-green-patty-pan-squash-black-wooden-board_114579-83029.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-composition_23-2149090616.jpg?_wi=2",
|
||||
imageAlt: "marble flooring tile texture",
|
||||
},
|
||||
{
|
||||
title: "Eco-Conscious Source",
|
||||
description: "Sustainably sourced stone and porcelain products.",
|
||||
icon: CheckCircle,
|
||||
title: "Eco-Conscious Source", description: "Sustainably sourced stone and porcelain products.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-decorative-wall-background_1372-219.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rock-decorative-wall-background_1372-219.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418573.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418573.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-details-interior_169016-6218.jpg?_wi=2",
|
||||
imageAlt: "marble flooring tile texture",
|
||||
},
|
||||
{
|
||||
title: "Design Consulting",
|
||||
description: "Dedicated experts ready to assist your vision.",
|
||||
icon: CheckCircle,
|
||||
title: "Design Consulting", description: "Dedicated experts ready to assist your vision.", icon: CheckCircle,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-vault-ancient-texture-architectural-background_169016-68656.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-vault-ancient-texture-architectural-background_169016-68656.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12970.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wall-texture-pattern_58702-12970.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-female-architect-customer-using-laptop-computer_1262-18426.jpg?_wi=1",
|
||||
imageAlt: "marble flooring tile texture",
|
||||
},
|
||||
]}
|
||||
title="Why MSI Decor Stands Out"
|
||||
@@ -199,59 +148,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "MSI",
|
||||
name: "Carrara Marble Slab",
|
||||
price: "$120/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418548.jpg",
|
||||
},
|
||||
id: "p1", brand: "MSI", name: "Carrara Marble Slab", price: "$120/sqft", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418548.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "MSI",
|
||||
name: "Slate Wall Tile",
|
||||
price: "$85/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vase_23-2149646518.jpg",
|
||||
},
|
||||
id: "p2", brand: "MSI", name: "Slate Wall Tile", price: "$85/sqft", rating: 4,
|
||||
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vase_23-2149646518.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "MSI",
|
||||
name: "Artisanal Quartz",
|
||||
price: "$150/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-stone-wall-wall-texture-background_24972-324.jpg",
|
||||
},
|
||||
id: "p3", brand: "MSI", name: "Artisanal Quartz", price: "$150/sqft", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/texture-stone-wall-wall-texture-background_24972-324.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "MSI",
|
||||
name: "Venetian Porcelain",
|
||||
price: "$70/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "55",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418567.jpg",
|
||||
},
|
||||
id: "p4", brand: "MSI", name: "Venetian Porcelain", price: "$70/sqft", rating: 5,
|
||||
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418567.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "MSI",
|
||||
name: "Granite Matte Finish",
|
||||
price: "$95/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683457.jpg",
|
||||
},
|
||||
id: "p5", brand: "MSI", name: "Granite Matte Finish", price: "$95/sqft", rating: 4,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/still-life-putting-up-decorative-vinyls_23-2149683457.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "MSI",
|
||||
name: "Mosaic Decor Sheet",
|
||||
price: "$45/pc",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418542.jpg",
|
||||
},
|
||||
id: "p6", brand: "MSI", name: "Mosaic Decor Sheet", price: "$45/pc", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418542.jpg"},
|
||||
]}
|
||||
title="Curated Decor Collections"
|
||||
description="Discover our latest arrivals in porcelain, natural stone, and artistic wall surfaces."
|
||||
@@ -266,25 +179,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "45+",
|
||||
title: "Regional Centers",
|
||||
description: "Supporting local builders.",
|
||||
icon: MapPin,
|
||||
id: "m1", value: "45+", title: "Regional Centers", description: "Supporting local builders.", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "98%",
|
||||
title: "On-Time Shipping",
|
||||
description: "Reliable logistics.",
|
||||
icon: Truck,
|
||||
id: "m2", value: "98%", title: "On-Time Shipping", description: "Reliable logistics.", icon: Truck,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "1.2M",
|
||||
title: "Products Installed",
|
||||
description: "Across diverse projects.",
|
||||
icon: Award,
|
||||
id: "m3", value: "1.2M", title: "Products Installed", description: "Across diverse projects.", icon: Award,
|
||||
},
|
||||
]}
|
||||
title="Data-Driven Design Excellence"
|
||||
@@ -299,40 +200,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Anna Williams",
|
||||
role: "Principal Architect",
|
||||
testimonial: "MSI's stone selection is simply unmatched. Their quartz products redefined our recent resort project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-female-architect-customer-using-laptop-computer_1262-18426.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Anna Williams", role: "Principal Architect", testimonial: "MSI's stone selection is simply unmatched. Their quartz products redefined our recent resort project.", imageSrc: "http://img.b2bpic.net/free-photo/content-female-architect-customer-using-laptop-computer_1262-18426.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Chen",
|
||||
role: "Lead Builder",
|
||||
testimonial: "I have relied on their porcelain tiles for over 5 years. Always precise, always beautiful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg",
|
||||
},
|
||||
id: "2", name: "Marcus Chen", role: "Lead Builder", testimonial: "I have relied on their porcelain tiles for over 5 years. Always precise, always beautiful.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15602.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Interior Designer",
|
||||
testimonial: "The design consultation services helped me bring my vision to life perfectly. Exceptional finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-holding-blank-business-card_23-2149343433.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Rodriguez", role: "Interior Designer", testimonial: "The design consultation services helped me bring my vision to life perfectly. Exceptional finish.", imageSrc: "http://img.b2bpic.net/free-photo/people-holding-blank-business-card_23-2149343433.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Contractor",
|
||||
testimonial: "Speedy shipping and high-grade quality make them my go-to choice every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg",
|
||||
},
|
||||
id: "4", name: "David Smith", role: "Contractor", testimonial: "Speedy shipping and high-grade quality make them my go-to choice every single time.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-man-choosing-color_23-2148903521.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sarah Jones",
|
||||
role: "Renovation Specialist",
|
||||
testimonial: "Beautiful materials that fit perfectly into any modern residential layout. Fantastic support.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150232687.jpg",
|
||||
},
|
||||
id: "5", name: "Sarah Jones", role: "Renovation Specialist", testimonial: "Beautiful materials that fit perfectly into any modern residential layout. Fantastic support.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-restoring-wooden-furniture_23-2150232687.jpg"},
|
||||
]}
|
||||
title="Trusted by Professionals"
|
||||
description="Hear what the architects, builders, and designers have to say about MSI Decor products."
|
||||
@@ -345,20 +221,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What samples are available?",
|
||||
content: "We offer free material swatches for residential and commercial projects upon request.",
|
||||
},
|
||||
id: "f1", title: "What samples are available?", content: "We offer free material swatches for residential and commercial projects upon request."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer shipping worldwide?",
|
||||
content: "Our distribution network spans over 50 countries globally.",
|
||||
},
|
||||
id: "f2", title: "Do you offer shipping worldwide?", content: "Our distribution network spans over 50 countries globally."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is the return policy?",
|
||||
content: "Unused tiles and stone materials are eligible for return within 30 days.",
|
||||
},
|
||||
id: "f3", title: "What is the return policy?", content: "Unused tiles and stone materials are eligible for return within 30 days."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common inquiries about our materials, installation, and support."
|
||||
@@ -373,22 +240,14 @@ export default function LandingPage() {
|
||||
description="Have questions or need a custom consultation? Contact our team of experts today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Full Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your project", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-woman-with-walking-frame_23-2149404066.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -399,37 +258,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#",
|
||||
},
|
||||
label: "Gallery", href: "#"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user