Update src/app/page.tsx
This commit is contained in:
216
src/app/page.tsx
216
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Catalog",
|
||||
id: "catalog",
|
||||
},
|
||||
name: "Catalog", id: "catalog"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Profistone"
|
||||
/>
|
||||
@@ -58,9 +50,7 @@ export default function LandingPage() {
|
||||
description="Excellence in every cut, precision in every placement. We transform raw stone into architectural masterpieces."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#catalog",
|
||||
},
|
||||
text: "Explore Catalog", href: "#catalog"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/marble-wall-texture_23-2148132262.jpg"
|
||||
imageAlt="Premium architectural stone textures"
|
||||
@@ -72,18 +62,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting the Future of",
|
||||
},
|
||||
type: "text", content: "Crafting the Future of"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-view-stonecutter_268835-4727.jpg",
|
||||
alt: "Stone craftsmanship",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/horizontal-view-stonecutter_268835-4727.jpg", alt: "Stone craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Modern Stone Masonry",
|
||||
},
|
||||
type: "text", content: "Modern Stone Masonry"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,34 +78,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Masonry",
|
||||
title: "Precision Cutting",
|
||||
items: [
|
||||
"Laser-guided precision",
|
||||
"Advanced CNC shaping",
|
||||
"Custom edge profiles",
|
||||
],
|
||||
id: "f1", label: "Masonry", title: "Precision Cutting", items: [
|
||||
"Laser-guided precision", "Advanced CNC shaping", "Custom edge profiles"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Installation",
|
||||
title: "Expert Fitting",
|
||||
items: [
|
||||
"Seamless joinery",
|
||||
"Reinforced backing",
|
||||
"Perfect leveling",
|
||||
],
|
||||
id: "f2", label: "Installation", title: "Expert Fitting", items: [
|
||||
"Seamless joinery", "Reinforced backing", "Perfect leveling"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Consultation",
|
||||
title: "Design Planning",
|
||||
items: [
|
||||
"Material selection",
|
||||
"Structural analysis",
|
||||
"3D project preview",
|
||||
],
|
||||
id: "f3", label: "Consultation", title: "Design Planning", items: [
|
||||
"Material selection", "Structural analysis", "3D project preview"],
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Services"
|
||||
@@ -132,64 +97,29 @@ export default function LandingPage() {
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Profistone",
|
||||
name: "Black Galaxy Granite",
|
||||
price: "$120/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-plate-full-colorful-bonbons-marble-table_114579-41520.jpg",
|
||||
},
|
||||
id: "p1", brand: "Profistone", name: "Black Galaxy Granite", price: "$120/sqft", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/white-plate-full-colorful-bonbons-marble-table_114579-41520.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Profistone",
|
||||
name: "Carrara White Marble",
|
||||
price: "$180/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg",
|
||||
},
|
||||
id: "p2", brand: "Profistone", name: "Carrara White Marble", price: "$180/sqft", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/d-render-exotic-stone-podium-with-leaf-shade-nude-color-product-display-natural-organic-produ_1258-111018.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Profistone",
|
||||
name: "Travertine Elite",
|
||||
price: "$95/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "32",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-terrazzo-surface-with-varied-stone-fragments_84443-73745.jpg",
|
||||
},
|
||||
id: "p3", brand: "Profistone", name: "Travertine Elite", price: "$95/sqft", rating: 4,
|
||||
reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/modern-terrazzo-surface-with-varied-stone-fragments_84443-73745.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Profistone",
|
||||
name: "Slate Slate",
|
||||
price: "$70/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-stones-wooden-board-concrete_114579-25177.jpg",
|
||||
},
|
||||
id: "p4", brand: "Profistone", name: "Slate Slate", price: "$70/sqft", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/colorful-stones-wooden-board-concrete_114579-25177.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Profistone",
|
||||
name: "Quartzite Premium",
|
||||
price: "$210/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wall-with-cracks_1154-582.jpg",
|
||||
},
|
||||
id: "p5", brand: "Profistone", name: "Quartzite Premium", price: "$210/sqft", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/wall-with-cracks_1154-582.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Profistone",
|
||||
name: "Limestone Classic",
|
||||
price: "$65/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-empty-square-plate-brown-colored-white-surface-plate-kitchen-food-photo-cutlery_140725-54023.jpg",
|
||||
},
|
||||
id: "p6", brand: "Profistone", name: "Limestone Classic", price: "$65/sqft", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-empty-square-plate-brown-colored-white-surface-plate-kitchen-food-photo-cutlery_140725-54023.jpg"},
|
||||
]}
|
||||
title="Our Premium Collection"
|
||||
description="Hand-selected stone varieties for your next masterpiece."
|
||||
@@ -203,40 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Sterling",
|
||||
role: "Lead Architect",
|
||||
testimonial: "Profistone delivers unparalleled stone quality. Their precision is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg",
|
||||
},
|
||||
id: "1", name: "James Sterling", role: "Lead Architect", testimonial: "Profistone delivers unparalleled stone quality. Their precision is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/positive-colleagues-posing-taking-selfie-photo-outdoors_1262-19188.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Linda Chen",
|
||||
role: "Interior Designer",
|
||||
testimonial: "The Carrara finish was simply breathtaking. Excellent project execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg",
|
||||
},
|
||||
id: "2", name: "Linda Chen", role: "Interior Designer", testimonial: "The Carrara finish was simply breathtaking. Excellent project execution.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Vane",
|
||||
role: "Property Developer",
|
||||
testimonial: "Highly reliable team. They met our project deadlines without compromise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/co-workers-joking_1098-1237.jpg",
|
||||
},
|
||||
id: "3", name: "Marcus Vane", role: "Property Developer", testimonial: "Highly reliable team. They met our project deadlines without compromise.", imageSrc: "http://img.b2bpic.net/free-photo/co-workers-joking_1098-1237.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
role: "Homeowner",
|
||||
testimonial: "Transformative quality. The kitchen marble is the focal point of my home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-men-posing-outdoors_23-2148803565.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", role: "Homeowner", testimonial: "Transformative quality. The kitchen marble is the focal point of my home.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-men-posing-outdoors_23-2148803565.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tom Baker",
|
||||
role: "Construction Mgr",
|
||||
testimonial: "Efficient, professional, and world-class stone material sources.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-content-middle-aged-male-female-business-people-outdoors_1262-12559.jpg",
|
||||
},
|
||||
id: "5", name: "Tom Baker", role: "Construction Mgr", testimonial: "Efficient, professional, and world-class stone material sources.", imageSrc: "http://img.b2bpic.net/free-photo/two-content-middle-aged-male-female-business-people-outdoors_1262-12559.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Trusted by leading architects and homebuilders."
|
||||
@@ -250,23 +155,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "500+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "500+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Years Experience",
|
||||
value: "20+",
|
||||
},
|
||||
id: "m2", icon: Award,
|
||||
title: "Years Experience", value: "20+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Shield,
|
||||
title: "Happy Clients",
|
||||
value: "450+",
|
||||
},
|
||||
id: "m3", icon: Shield,
|
||||
title: "Happy Clients", value: "450+"},
|
||||
]}
|
||||
title="Our Achievements"
|
||||
description="Solid facts backing our stone masonry expertise."
|
||||
@@ -277,8 +173,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Consultation"
|
||||
title="Start Your Project"
|
||||
description="Let's turn your vision into a stone-clad reality."
|
||||
@@ -292,42 +187,27 @@ export default function LandingPage() {
|
||||
logoText="Profistone"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user