bender/6494d314-8c50-45b1-b1a1-5994b8198847
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-04 01:36:13 +00:00
parent 9d70f2c53a
commit 80ff6b7617
1 changed files with 59 additions and 197 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { CheckCircle, Clock, Compass, ShieldCheck, Tool } from "lucide-react";
import { CheckCircle, Clock, Compass, ShieldCheck, Wrench } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Work",
id: "products",
},
name: "Work", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Zar Countertops & Cabinets"
/>
@@ -56,63 +48,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "plain",
}}
variant: "plain"}}
title="Timeless Craftsmanship for Your Home"
description="Zar Countertops & Cabinets brings luxury, precision, and enduring quality to every kitchen and living space."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg", alt: "Client"},
{
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-with-beard-working-home-renovation-smiling-cheerful-playing-peek-boo-with-hands-showing-face-surprised-exited_839833-5465.jpg", alt: "Client"},
{
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg", alt: "Client"},
{
src: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/guy-looking-camera-stretching-arm_23-2148306629.jpg", alt: "Client"},
{
src: "http://img.b2bpic.net/free-photo/senior-couple-spending-time-together-with-copy-space_23-2148425185.jpg",
alt: "Client",
},
src: "http://img.b2bpic.net/free-photo/senior-couple-spending-time-together-with-copy-space_23-2148425185.jpg", alt: "Client"},
]}
buttons={[
{
text: "Explore Gallery",
href: "#products",
},
text: "Explore Gallery", href: "#products"},
{
text: "Get Quote",
href: "#contact",
},
text: "Get Quote", href: "#contact"},
]}
marqueeItems={[
{
type: "text",
text: "Premium Stone",
},
type: "text", text: "Premium Stone"},
{
type: "text",
text: "Bespoke Cabinets",
},
type: "text", text: "Bespoke Cabinets"},
{
type: "text",
text: "Custom Joinery",
},
type: "text", text: "Custom Joinery"},
{
type: "text",
text: "Luxury Finishes",
},
type: "text", text: "Luxury Finishes"},
{
type: "text",
text: "Expert Installation",
},
type: "text", text: "Expert Installation"},
]}
/>
</div>
@@ -124,13 +91,9 @@ export default function LandingPage() {
description="At Zar, we believe that cabinets are more than just storage; they are the heart of your home's character. Every piece is handcrafted with precision, blending traditional woodworking techniques with modern materials."
metrics={[
{
value: "15+",
title: "Years Experience",
},
value: "15+", title: "Years Experience"},
{
value: "500+",
title: "Projects Completed",
},
value: "500+", title: "Projects Completed"},
]}
imageSrc="http://img.b2bpic.net/free-photo/carpenter-working-high-view_23-2148679115.jpg"
mediaAnimation="slide-up"
@@ -145,30 +108,20 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
icon: Tool,
title: "Precision Craftsmanship",
description: "Every joint is checked for durability and finish.",
},
icon: Wrench,
title: "Precision Craftsmanship", description: "Every joint is checked for durability and finish."},
{
icon: ShieldCheck,
title: "Premium Materials",
description: "We use only high-grade woods and stone surfaces.",
},
title: "Premium Materials", description: "We use only high-grade woods and stone surfaces."},
{
icon: Clock,
title: "Timely Installation",
description: "Professional installation within your timeline.",
},
title: "Timely Installation", description: "Professional installation within your timeline."},
{
icon: Compass,
title: "Bespoke Design",
description: "Tailored solutions for unique spaces.",
},
title: "Bespoke Design", description: "Tailored solutions for unique spaces."},
{
icon: CheckCircle,
title: "Trusted Service",
description: "We stand by every project we build.",
},
title: "Trusted Service", description: "We stand by every project we build."},
]}
title="Why Choose Zar"
description="Excellence defined by every detail."
@@ -183,59 +136,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Zar",
name: "Modern Oak Kitchen",
price: "Custom",
rating: 5,
reviewCount: "12",
imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg",
},
id: "p1", brand: "Zar", name: "Modern Oak Kitchen", price: "Custom", rating: 5,
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/decorative-shiny-vase-interior-modern-kitchen_169016-20020.jpg"},
{
id: "p2",
brand: "Zar",
name: "Marble Vanity Set",
price: "Custom",
rating: 5,
reviewCount: "8",
imageSrc: "http://img.b2bpic.net/free-photo/small-kitchen-space-with-modern-design_23-2150710647.jpg",
},
id: "p2", brand: "Zar", name: "Marble Vanity Set", price: "Custom", rating: 5,
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/small-kitchen-space-with-modern-design_23-2150710647.jpg"},
{
id: "p3",
brand: "Zar",
name: "Walnut Home Office",
price: "Custom",
rating: 5,
reviewCount: "15",
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349273.jpg",
},
id: "p3", brand: "Zar", name: "Walnut Home Office", price: "Custom", rating: 5,
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349273.jpg"},
{
id: "p4",
brand: "Zar",
name: "Minimalist Pantry",
price: "Custom",
rating: 5,
reviewCount: "9",
imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-juicy-whole-oranges-marble-surface_114579-57338.jpg",
},
id: "p4", brand: "Zar", name: "Minimalist Pantry", price: "Custom", rating: 5,
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/dark-plate-juicy-whole-oranges-marble-surface_114579-57338.jpg"},
{
id: "p5",
brand: "Zar",
name: "Custom Wine Rack",
price: "Custom",
rating: 5,
reviewCount: "7",
imageSrc: "http://img.b2bpic.net/free-photo/whole-fresh-orange-fruits-with-leaves-placed-board_114579-46680.jpg",
},
id: "p5", brand: "Zar", name: "Custom Wine Rack", price: "Custom", rating: 5,
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/whole-fresh-orange-fruits-with-leaves-placed-board_114579-46680.jpg"},
{
id: "p6",
brand: "Zar",
name: "Classic Cabinetry",
price: "Custom",
rating: 5,
reviewCount: "20",
imageSrc: "http://img.b2bpic.net/free-photo/whole-sliced-fresh-orange-fruits-with-leaves-placed-marble-surface_114579-57372.jpg",
},
id: "p6", brand: "Zar", name: "Classic Cabinetry", price: "Custom", rating: 5,
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/whole-sliced-fresh-orange-fruits-with-leaves-placed-marble-surface_114579-57372.jpg"},
]}
title="Custom Creations"
description="View our recent kitchen and cabinet installations."
@@ -249,34 +166,16 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "98%",
title: "Client Satisfaction",
items: [
"Always on time",
"High quality",
"Fair pricing",
],
id: "m1", value: "98%", title: "Client Satisfaction", items: [
"Always on time", "High quality", "Fair pricing"],
},
{
id: "m2",
value: "100+",
title: "Happy Clients",
items: [
"Referral based",
"repeat business",
"trusted partner",
],
id: "m2", value: "100+", title: "Happy Clients", items: [
"Referral based", "repeat business", "trusted partner"],
},
{
id: "m3",
value: "24",
title: "Team Experts",
items: [
"Skilled masters",
"Dedication",
"Focus",
],
id: "m3", value: "24", title: "Team Experts", items: [
"Skilled masters", "Dedication", "Focus"],
},
]}
title="Our Impact"
@@ -292,45 +191,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg",
},
id: "1", name: "Sarah J.", role: "Homeowner", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg"},
{
id: "2",
name: "Michael B.",
role: "Architect",
company: "Partner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg",
},
id: "2", name: "Michael B.", role: "Architect", company: "Partner", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/content-african-american-designer-explaining-project-client-showing-draft_74855-9753.jpg"},
{
id: "3",
name: "Elena R.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg",
},
id: "3", name: "Elena R.", role: "Homeowner", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-holding-hands-kitchen_23-2148363553.jpg"},
{
id: "4",
name: "David W.",
role: "Manager",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-big-flour-bag-kitchen-bakery-house_1303-32319.jpg",
},
id: "4", name: "David W.", role: "Manager", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/baker-holding-big-flour-bag-kitchen-bakery-house_1303-32319.jpg"},
{
id: "5",
name: "Linda M.",
role: "Homeowner",
company: "Client",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-spending-time-together-with-copy-space_23-2148425185.jpg",
},
id: "5", name: "Linda M.", role: "Homeowner", company: "Client", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-couple-spending-time-together-with-copy-space_23-2148425185.jpg"},
]}
title="Client Stories"
description="What our customers say about Zar."
@@ -343,20 +217,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "How long does a project take?",
content: "Most kitchen projects take 4-6 weeks from initial design.",
},
id: "f1", title: "How long does a project take?", content: "Most kitchen projects take 4-6 weeks from initial design."},
{
id: "f2",
title: "Do you offer warranties?",
content: "Yes, we provide 2-year warranty on all craftsmanship.",
},
id: "f2", title: "Do you offer warranties?", content: "Yes, we provide 2-year warranty on all craftsmanship."},
{
id: "f3",
title: "Can I choose my own stone?",
content: "Yes, we work with several regional stone suppliers.",
},
id: "f3", title: "Can I choose my own stone?", content: "Yes, we work with several regional stone suppliers."},
]}
imageSrc="http://img.b2bpic.net/free-photo/top-view-craft-equipment-wooden-backdrop_23-2148193614.jpg"
title="Frequently Asked Questions"
@@ -370,14 +235,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Ready to build your dream kitchen? Contact us today for a consultation."
buttons={[
{
text: "Contact Us",
href: "mailto:hello@zar.com",
},
text: "Contact Us", href: "mailto:hello@zar.com"},
]}
/>
</div>