Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,22 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="PremiumTimber"
|
||||
/>
|
||||
@@ -59,11 +48,9 @@ export default function LandingPage() {
|
||||
description="Fivestar consistency. Fair pricing. Built to last."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/oak-wood-textured-design-background_53876-160555.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/oak-wood-textured-design-background_53876-160555.jpg"
|
||||
imageAlt="Luxury timber stack"
|
||||
/>
|
||||
</div>
|
||||
@@ -75,19 +62,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Years Experience", value: "25+"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Projects Completed",
|
||||
value: "5000+",
|
||||
},
|
||||
label: "Projects Completed", value: "5000+"},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Quality Grade",
|
||||
value: "A++",
|
||||
},
|
||||
label: "Quality Grade", value: "A++"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -100,23 +81,18 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Milling",
|
||||
description: "Consistent measurements for seamless assembly.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
title: "Precision Milling", description: "Consistent measurements for seamless assembly.", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-wearing-protective-safety-glasses-holding-wooden-plank-workshop_23-2147944886.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-wearing-protective-safety-glasses-holding-wooden-plank-workshop_23-2147944886.jpg", imageAlt: "wood quality inspection"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-bars_23-2147773351.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-bars_23-2147773351.jpg", imageAlt: "industrial wood processing"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oak-wood-textured-design-background_53876-160555.jpg?_wi=2",
|
||||
imageAlt: "wood quality inspection",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof_23-2148748814.jpg", imageAlt: "construction site timber beams"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Unrivaled Quality Control"
|
||||
description="We source the finest timber to ensure every project meets the highest professional standards."
|
||||
@@ -131,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Select Grade Oak",
|
||||
price: "₹150/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-wood-texture_1057-4012.jpg",
|
||||
},
|
||||
id: "1", name: "Select Grade Oak", price: "₹150/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/natural-wood-texture_1057-4012.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Premium Pine Board",
|
||||
price: "₹80/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-weathered-wooden-planks_632498-60827.jpg",
|
||||
},
|
||||
id: "2", name: "Premium Pine Board", price: "₹80/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/stack-weathered-wooden-planks_632498-60827.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Teak Hardwood",
|
||||
price: "₹450/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935982.jpg",
|
||||
},
|
||||
id: "3", name: "Teak Hardwood", price: "₹450/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935982.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Cherry Wood Panel",
|
||||
price: "₹320/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-arrangement_23-2148732417.jpg",
|
||||
},
|
||||
id: "4", name: "Cherry Wood Panel", price: "₹320/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/artisan-jobs-equipment-arrangement_23-2148732417.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Walnut Timber",
|
||||
price: "₹550/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-texture_23-2147626081.jpg",
|
||||
},
|
||||
id: "5", name: "Walnut Timber", price: "₹550/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/dark-wooden-texture_23-2147626081.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Maple Board",
|
||||
price: "₹180/sq ft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-summer-smoothie-coconut_23-2147810595.jpg",
|
||||
},
|
||||
id: "6", name: "Maple Board", price: "₹180/sq ft", imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-summer-smoothie-coconut_23-2147810595.jpg"},
|
||||
]}
|
||||
title="Our Premium Selection"
|
||||
description="Select from our range of high-quality, ethically sourced hardwoods and softwoods."
|
||||
@@ -179,49 +131,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "retail",
|
||||
name: "DIY/Retail",
|
||||
price: "Market Rate",
|
||||
features: [
|
||||
"Fast Pickup",
|
||||
"Cut to Size",
|
||||
"Retail Support",
|
||||
],
|
||||
id: "retail", name: "DIY/Retail", price: "Market Rate", features: [
|
||||
"Fast Pickup", "Cut to Size", "Retail Support"],
|
||||
buttons: [
|
||||
{
|
||||
text: "View Catalog",
|
||||
},
|
||||
text: "View Catalog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "builder",
|
||||
name: "Pro Builder",
|
||||
badge: "Popular",
|
||||
price: "Volume Discount",
|
||||
features: [
|
||||
"Direct Delivery",
|
||||
"Inventory Priority",
|
||||
"Terms Available",
|
||||
],
|
||||
id: "builder", name: "Pro Builder", badge: "Popular", price: "Volume Discount", features: [
|
||||
"Direct Delivery", "Inventory Priority", "Terms Available"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Apply Now",
|
||||
},
|
||||
text: "Apply Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "arch",
|
||||
name: "Architects",
|
||||
price: "Specification Grade",
|
||||
features: [
|
||||
"Samples Provided",
|
||||
"Custom Order",
|
||||
"Global Sourcing",
|
||||
],
|
||||
id: "arch", name: "Architects", price: "Specification Grade", features: [
|
||||
"Samples Provided", "Custom Order", "Global Sourcing"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Discuss Specs",
|
||||
},
|
||||
text: "Discuss Specs"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -235,49 +165,24 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rajesh Mehta",
|
||||
handle: "Lead Builder",
|
||||
testimonial: "The consistency in quality is unmatched. My go-to partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-wearing-protection-gear_23-2148784050.jpg",
|
||||
},
|
||||
id: "1", name: "Rajesh Mehta", handle: "Lead Builder", testimonial: "The consistency in quality is unmatched. My go-to partner.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-construction-worker-wearing-protection-gear_23-2148784050.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sunita Verma",
|
||||
handle: "Interior Designer",
|
||||
testimonial: "Their premium finish timber completely elevated my recent villa project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-studio_23-2148002221.jpg",
|
||||
},
|
||||
id: "2", name: "Sunita Verma", handle: "Interior Designer", testimonial: "Their premium finish timber completely elevated my recent villa project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-artist-studio_23-2148002221.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Sharma",
|
||||
handle: "Site Manager",
|
||||
testimonial: "Reliable delivery and transparent pricing. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg",
|
||||
},
|
||||
id: "3", name: "Amit Sharma", handle: "Site Manager", testimonial: "Reliable delivery and transparent pricing. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12819.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vikram Singh",
|
||||
handle: "Home Owner",
|
||||
testimonial: "Excellent service and advice for my home renovation timber needs.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15629.jpg",
|
||||
},
|
||||
id: "4", name: "Vikram Singh", handle: "Home Owner", testimonial: "Excellent service and advice for my home renovation timber needs.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preparation-wooden-planks-by-carpenter_329181-15629.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Priya Das",
|
||||
handle: "Architecture Studio",
|
||||
testimonial: "Best selection for high-end bespoke furniture projects.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-industry-experts-engineers-analyzing-solar-panel-systems_482257-126021.jpg",
|
||||
},
|
||||
id: "5", name: "Priya Das", handle: "Architecture Studio", testimonial: "Best selection for high-end bespoke furniture projects.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-industry-experts-engineers-analyzing-solar-panel-systems_482257-126021.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Professionals"
|
||||
description="See why top contractors and designers trust our timber solutions."
|
||||
/>
|
||||
@@ -289,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you deliver directly to sites?",
|
||||
content: "Yes, we offer direct site delivery for bulk builder orders.",
|
||||
},
|
||||
id: "f1", title: "Do you deliver directly to sites?", content: "Yes, we offer direct site delivery for bulk builder orders."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are your materials sustainably sourced?",
|
||||
content: "We prioritize working with certified sustainable wood mills.",
|
||||
},
|
||||
id: "f2", title: "Are your materials sustainably sourced?", content: "We prioritize working with certified sustainable wood mills."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I get samples before buying?",
|
||||
content: "Absolutely. Architects and designers can request material samples.",
|
||||
},
|
||||
id: "f3", title: "Can I get samples before buying?", content: "Absolutely. Architects and designers can request material samples."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common questions about our materials, delivery, and services."
|
||||
@@ -314,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Project"
|
||||
description="Get a custom quote today for your timber needs."
|
||||
@@ -326,42 +221,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Hardwoods",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Hardwoods", href: "#products"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user