Update src/app/page.tsx
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Expertise",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Expertise", id: "#features"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Services", id: "#products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="TimberCraft USA"
|
||||
/>
|
||||
@@ -59,36 +51,22 @@ export default function LandingPage() {
|
||||
description="Premium lumber services and artisan craftsmanship delivered across the USA. From raw material to finished beauty."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Services", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861557.jpg",
|
||||
alt: "Man working in his wood shop with tools and equipment",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-his-wood-shop-with-tools-equipment_23-2150861557.jpg", alt: "Man working in his wood shop with tools and equipment"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104820.jpg",
|
||||
alt: "Full shot artisan doing woodcutting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104820.jpg", alt: "Full shot artisan doing woodcutting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/workshop-table_23-2147773424.jpg",
|
||||
alt: "Workshop table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/workshop-table_23-2147773424.jpg", alt: "Workshop table"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104701.jpg",
|
||||
alt: "Full shot artisan doing woodcutting",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104701.jpg", alt: "Full shot artisan doing woodcutting"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg",
|
||||
alt: "professional woodworking studio workbench",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_23-2150104886.jpg", alt: "professional woodworking studio workbench"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ satisfied clients nationwide"
|
||||
/>
|
||||
@@ -99,18 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Generations of ",
|
||||
},
|
||||
type: "text", content: "Generations of "},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749937.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/colorful-mexican-architecture-urban-landscape_23-2149749937.jpg", alt: "Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
content: " Excellence",
|
||||
},
|
||||
type: "text", content: " Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,26 +92,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Sourcing",
|
||||
title: "Sustainable Forestry",
|
||||
subtitle: "Eco-friendly",
|
||||
description: "Strict ethical sourcing ensures forest health.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-standing-near-lumbers-daytime_181624-22431.jpg",
|
||||
},
|
||||
tag: "Sourcing", title: "Sustainable Forestry", subtitle: "Eco-friendly", description: "Strict ethical sourcing ensures forest health.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-standing-near-lumbers-daytime_181624-22431.jpg"},
|
||||
{
|
||||
tag: "Quality",
|
||||
title: "Artisan Finish",
|
||||
subtitle: "Precision",
|
||||
description: "Every board is hand-finished for perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898112.jpg",
|
||||
},
|
||||
tag: "Quality", title: "Artisan Finish", subtitle: "Precision", description: "Every board is hand-finished for perfection.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898112.jpg"},
|
||||
{
|
||||
tag: "Logistics",
|
||||
title: "Nationwide Shipping",
|
||||
subtitle: "Fast Delivery",
|
||||
description: "Reliable logistics from our workshop to you.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selection-wooden-stumps-countryside_181624-11023.jpg",
|
||||
},
|
||||
tag: "Logistics", title: "Nationwide Shipping", subtitle: "Fast Delivery", description: "Reliable logistics from our workshop to you.", imageSrc: "http://img.b2bpic.net/free-photo/selection-wooden-stumps-countryside_181624-11023.jpg"},
|
||||
]}
|
||||
title="Why TimberCraft USA"
|
||||
description="We blend heritage techniques with modern efficiency to provide superior wood solutions."
|
||||
@@ -155,47 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Select Oak",
|
||||
price: "Custom",
|
||||
variant: "Hardwood",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861595.jpg",
|
||||
},
|
||||
id: "p1", name: "Select Oak", price: "Custom", variant: "Hardwood", imageSrc: "http://img.b2bpic.net/free-photo/male-wood-worker-his-shop-working-with-tools-equipment_23-2150861595.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Reclaimed Pine",
|
||||
price: "Custom",
|
||||
variant: "Rustic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg",
|
||||
},
|
||||
id: "p2", name: "Reclaimed Pine", price: "Custom", variant: "Rustic", imageSrc: "http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418579.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Walnut Slab",
|
||||
price: "Custom",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-log-plank-blocks-against-wall_23-2147945095.jpg",
|
||||
},
|
||||
id: "p3", name: "Walnut Slab", price: "Custom", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/wooden-log-plank-blocks-against-wall_23-2147945095.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Cedar Siding",
|
||||
price: "Custom",
|
||||
variant: "Exterior",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pile-wood-planks_23-2148748803.jpg",
|
||||
},
|
||||
id: "p4", name: "Cedar Siding", price: "Custom", variant: "Exterior", imageSrc: "http://img.b2bpic.net/free-photo/pile-wood-planks_23-2148748803.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hardwood Plank",
|
||||
price: "Custom",
|
||||
variant: "Flooring",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2803.jpg",
|
||||
},
|
||||
id: "p5", name: "Hardwood Plank", price: "Custom", variant: "Flooring", imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-2803.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Custom Mantle",
|
||||
price: "Custom",
|
||||
variant: "Artisan",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoors-table-ocean-beach-background_53876-23233.jpg",
|
||||
},
|
||||
id: "p6", name: "Custom Mantle", price: "Custom", variant: "Artisan", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-table-ocean-beach-background_53876-23233.jpg"},
|
||||
]}
|
||||
title="Our Wood Collections"
|
||||
description="Explore our premium selection of timbers and bespoke creations."
|
||||
@@ -210,25 +136,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Projects",
|
||||
description: "Successful builds",
|
||||
icon: CheckCircle,
|
||||
id: "m1", value: "500+", title: "Projects", description: "Successful builds", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20",
|
||||
title: "States",
|
||||
description: "Nationwide coverage",
|
||||
icon: MapPin,
|
||||
id: "m2", value: "20", title: "States", description: "Nationwide coverage", icon: MapPin,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Years",
|
||||
description: "In operation",
|
||||
icon: Calendar,
|
||||
id: "m3", value: "15+", title: "Years", description: "In operation", icon: Calendar,
|
||||
},
|
||||
]}
|
||||
title="Our Growth"
|
||||
@@ -238,44 +152,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Architect",
|
||||
testimonial: "Exceptional quality and finish every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Architect", testimonial: "Exceptional quality and finish every time.", imageSrc: "http://img.b2bpic.net/free-photo/cabinetmaker-apprentice-inspecting-lumber-block-damages_482257-84366.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
role: "Contractor",
|
||||
testimonial: "TimberCraft makes my construction projects shine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346503.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Wilson", role: "Contractor", testimonial: "TimberCraft makes my construction projects shine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-interior-design-project_23-2150346503.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Homeowner",
|
||||
testimonial: "My new dining table is a masterpiece.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Homeowner", testimonial: "My new dining table is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-raised-fist-celebrating_1187-3131.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Brown",
|
||||
role: "Designer",
|
||||
testimonial: "The best lumber partner in the country.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg",
|
||||
},
|
||||
id: "4", name: "David Brown", role: "Designer", testimonial: "The best lumber partner in the country.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384861.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "DIYer",
|
||||
testimonial: "Very high quality wood, perfectly dried.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15606.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "DIYer", testimonial: "Very high quality wood, perfectly dried.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-experienced-carpenter-his-younger-employee_329181-15606.jpg"},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="What our customers are saying about our woodworking services."
|
||||
@@ -288,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you source timber?",
|
||||
content: "We work with local foresters across the US.",
|
||||
},
|
||||
id: "f1", title: "How do you source timber?", content: "We work with local foresters across the US."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can you ship custom sizes?",
|
||||
content: "Yes, we specialize in custom dimensions.",
|
||||
},
|
||||
id: "f2", title: "Can you ship custom sizes?", content: "Yes, we specialize in custom dimensions."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long is shipping?",
|
||||
content: "Typically 5-10 business days nationwide.",
|
||||
},
|
||||
id: "f3", title: "How long is shipping?", content: "Typically 5-10 business days nationwide."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -313,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Project"
|
||||
description="Get in touch with our expert team today."
|
||||
@@ -325,29 +205,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Hardwood",
|
||||
href: "#",
|
||||
},
|
||||
label: "Hardwood", href: "#"},
|
||||
{
|
||||
label: "Bespoke",
|
||||
href: "#",
|
||||
},
|
||||
label: "Bespoke", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user