Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "about",
|
||||
},
|
||||
name: "Services", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="MF Timber Depot"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Timeless Teakwood Excellence"
|
||||
description="MF Timber Depot delivers premium-grade teak directly to your project. Experience unmatched durability with wholesale efficiency and retail care."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Catalog", href: "#products"},
|
||||
{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13051.jpg"
|
||||
/>
|
||||
@@ -81,19 +68,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Years in Business",
|
||||
value: "25+",
|
||||
},
|
||||
label: "Years in Business", value: "25+"},
|
||||
{
|
||||
icon: Truck,
|
||||
label: "Reliable Deliveries",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Reliable Deliveries", value: "10k+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Certified Quality",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Certified Quality", value: "100%"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -107,41 +88,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Grade A Teak Plank",
|
||||
price: "$120/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rich-dark-wood-grain-texture-background_84443-74879.jpg",
|
||||
},
|
||||
id: "p1", name: "Grade A Teak Plank", price: "$120/sqft", imageSrc: "http://img.b2bpic.net/free-photo/rich-dark-wood-grain-texture-background_84443-74879.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Polished Teak Decking",
|
||||
price: "$150/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13197.jpg",
|
||||
},
|
||||
id: "p2", name: "Polished Teak Decking", price: "$150/sqft", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13197.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Rough-Cut Timber",
|
||||
price: "$90/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-background_23-2148823516.jpg",
|
||||
},
|
||||
id: "p3", name: "Rough-Cut Timber", price: "$90/sqft", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-background_23-2148823516.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Teak Wood Beam",
|
||||
price: "$210/unit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418530.jpg",
|
||||
},
|
||||
id: "p4", name: "Teak Wood Beam", price: "$210/unit", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418530.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Natural Edge Slab",
|
||||
price: "$450/unit",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-detai_23-2148210085.jpg",
|
||||
},
|
||||
id: "p5", name: "Natural Edge Slab", price: "$450/unit", imageSrc: "http://img.b2bpic.net/free-photo/decorative-background-wood-detai_23-2148210085.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Teak Siding Panels",
|
||||
price: "$180/sqft",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935984.jpg",
|
||||
},
|
||||
id: "p6", name: "Teak Siding Panels", price: "$180/sqft", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wood-texture-background_23-2148935984.jpg"},
|
||||
]}
|
||||
title="Premium Teak Collection"
|
||||
description="Explore our curated inventory of sustainable, high-grade teakwood suitable for fine furniture and architectural projects."
|
||||
@@ -150,46 +107,25 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "retail",
|
||||
badge: "Retail",
|
||||
price: "Standard Rate",
|
||||
subtitle: "Perfect for single home renovations.",
|
||||
buttons: [
|
||||
id: "retail", badge: "Retail", price: "Standard Rate", subtitle: "Perfect for single home renovations.", buttons: [
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Now", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Same-day quoting",
|
||||
"Individual plank selection",
|
||||
"Custom delivery windows",
|
||||
"Retail showroom access",
|
||||
"Expert installation advice",
|
||||
],
|
||||
"Same-day quoting", "Individual plank selection", "Custom delivery windows", "Retail showroom access", "Expert installation advice"],
|
||||
},
|
||||
{
|
||||
id: "wholesale",
|
||||
badge: "Wholesale",
|
||||
price: "Custom Quote",
|
||||
subtitle: "Ideal for contractors and retailers.",
|
||||
buttons: [
|
||||
id: "wholesale", badge: "Wholesale", price: "Custom Quote", subtitle: "Ideal for contractors and retailers.", buttons: [
|
||||
{
|
||||
text: "Contact Sales",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Sales", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Bulk order discounts",
|
||||
"Priority fulfillment",
|
||||
"Dedicated account manager",
|
||||
"On-site site visits",
|
||||
"Logistics optimization",
|
||||
],
|
||||
"Bulk order discounts", "Priority fulfillment", "Dedicated account manager", "On-site site visits", "Logistics optimization"],
|
||||
},
|
||||
]}
|
||||
title="Flexible Pricing Structures"
|
||||
@@ -204,40 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Quality",
|
||||
title: "Certified Sustainable",
|
||||
items: [
|
||||
"Sourced from responsibly managed forests.",
|
||||
"Meets international timber standards.",
|
||||
"Naturally resistant to pests and moisture.",
|
||||
"Environmentally conscious harvesting.",
|
||||
"Long-term forest preservation.",
|
||||
],
|
||||
id: "f1", label: "Quality", title: "Certified Sustainable", items: [
|
||||
"Sourced from responsibly managed forests.", "Meets international timber standards.", "Naturally resistant to pests and moisture.", "Environmentally conscious harvesting.", "Long-term forest preservation."],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Speed",
|
||||
title: "Timely Deliveries",
|
||||
items: [
|
||||
"Real-time logistics tracking.",
|
||||
"Direct-to-site reliable transport.",
|
||||
"Flexible scheduling options.",
|
||||
"National distribution network.",
|
||||
"Handling urgent project timelines.",
|
||||
],
|
||||
id: "f2", label: "Speed", title: "Timely Deliveries", items: [
|
||||
"Real-time logistics tracking.", "Direct-to-site reliable transport.", "Flexible scheduling options.", "National distribution network.", "Handling urgent project timelines."],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Service",
|
||||
title: "Bespoke Consulting",
|
||||
items: [
|
||||
"Technical advice for wood applications.",
|
||||
"Custom cutting requirements handled.",
|
||||
"Expert support from start to finish.",
|
||||
"Architectural planning assistance.",
|
||||
"Project management support.",
|
||||
],
|
||||
id: "f3", label: "Service", title: "Bespoke Consulting", items: [
|
||||
"Technical advice for wood applications.", "Custom cutting requirements handled.", "Expert support from start to finish.", "Architectural planning assistance.", "Project management support."],
|
||||
},
|
||||
]}
|
||||
title="Why MF Timber Depot?"
|
||||
@@ -252,45 +164,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best teak quality I've seen in years. Reliable delivery every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Jenkins", handle: "@sarahj", testimonial: "The best teak quality I've seen in years. Reliable delivery every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171372.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Thornton",
|
||||
handle: "@mt_builds",
|
||||
testimonial: "Excellent wholesale prices and even better customer service. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark Thornton", handle: "@mt_builds", testimonial: "Excellent wholesale prices and even better customer service. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-peace-time-only-me_329181-7411.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_design",
|
||||
testimonial: "Every board was consistent. Their attention to detail is truly impressive.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", handle: "@elena_design", testimonial: "Every board was consistent. Their attention to detail is truly impressive.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970725.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
handle: "@dwu_construction",
|
||||
testimonial: "Fast turnaround times on bulk orders. Saved my project schedule multiple times.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
|
||||
},
|
||||
id: "t4", name: "David Wu", handle: "@dwu_construction", testimonial: "Fast turnaround times on bulk orders. Saved my project schedule multiple times.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica O'Brien",
|
||||
handle: "@jess_builds",
|
||||
testimonial: "Superb lumber quality. Their team really knows wood science well.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607077.jpg",
|
||||
},
|
||||
id: "t5", name: "Jessica O'Brien", handle: "@jess_builds", testimonial: "Superb lumber quality. Their team really knows wood science well.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-indoor-farming_23-2149607077.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Trusted by Experts"
|
||||
@@ -303,14 +190,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Architects Alliance",
|
||||
"Urban Structures",
|
||||
"Timber Traders",
|
||||
"Premium Wood Works",
|
||||
"Global Construction",
|
||||
"Elite Interiors",
|
||||
"Summit Build Systems",
|
||||
]}
|
||||
"Architects Alliance", "Urban Structures", "Timber Traders", "Premium Wood Works", "Global Construction", "Elite Interiors", "Summit Build Systems"]}
|
||||
title="Industry Recognized Partners"
|
||||
description="We are proud to supply major construction and architectural firms nationwide."
|
||||
/>
|
||||
@@ -320,8 +200,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Reach out today for wholesale quotes or retail orders. Let's build something remarkable together."
|
||||
@@ -336,50 +215,31 @@ export default function LandingPage() {
|
||||
logoText="MF Timber Depot"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Sustainability",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sustainability", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Delivery Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Delivery Info", href: "#"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQs", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user