Merge version_1 into main #2
448
src/app/page.tsx
448
src/app/page.tsx
@@ -26,315 +26,157 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "portfolio",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="TLN Crafts"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="TLN Crafts"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="High-Quality Carpentry You Can Trust"
|
||||
description="At TLN Crafts and Services, we bring precision and passion to every project. From custom woodworking to essential home repairs, we deliver high-end results built to last in the Danish tradition."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-wearing-safety-glasses-ear-defender-around-his-neck-cleaning-wooden-plank-with-brush_23-2147944890.jpg?_wi=1"
|
||||
imageAlt="Professional carpenter at work"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-crayon_23-2149394464.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13085.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263638.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-wooden-tags-shelf_23-2147874987.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners in Denmark"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Engineering",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Materials",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Danish Tradition",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Professional Service",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="High-Quality Carpentry You Can Trust"
|
||||
description="At TLN Crafts and Services, we bring precision and passion to every project. From custom woodworking to essential home repairs, we deliver high-end results built to last in the Danish tradition."
|
||||
buttons={[
|
||||
{ text: "Get a Quote", href: "#contact" },
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-wearing-safety-glasses-ear-defender-around-his-neck-cleaning-wooden-plank-with-brush_23-2147944890.jpg"
|
||||
imageAlt="Professional carpenter at work"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-crayon_23-2149394464.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13085.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263638.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-wooden-tags-shelf_23-2147874987.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners in Denmark"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Precision Engineering" },
|
||||
{ type: "text", text: "Quality Materials" },
|
||||
{ type: "text-icon", text: "Danish Tradition", icon: Wrench },
|
||||
{ type: "text", text: "Bespoke Design" },
|
||||
{ type: "text", text: "Professional Service" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship & Reliability"
|
||||
description="TLN Crafts and Services is dedicated to the art of fine carpentry. With years of experience and a commitment to quality materials, we help homeowners transform their spaces with integrity and professional care."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Work",
|
||||
description: "Every joint and cut measured with exactness.",
|
||||
},
|
||||
{
|
||||
title: "Reliable Service",
|
||||
description: "Timely arrival and clear communication.",
|
||||
},
|
||||
{
|
||||
title: "Sustainable Wood",
|
||||
description: "Quality materials sourced for longevity.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950917.jpg?_wi=1"
|
||||
imageAlt="Carpenter working in a shop"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Craftsmanship & Reliability"
|
||||
description="TLN Crafts and Services is dedicated to the art of fine carpentry. With years of experience and a commitment to quality materials, we help homeowners transform their spaces with integrity and professional care."
|
||||
bulletPoints={[
|
||||
{ title: "Precision Work", description: "Every joint and cut measured with exactness." },
|
||||
{ title: "Reliable Service", description: "Timely arrival and clear communication." },
|
||||
{ title: "Sustainable Wood", description: "Quality materials sourced for longevity." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950917.jpg"
|
||||
imageAlt="Carpenter working in a shop"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Carpentry",
|
||||
description: "Professional structural and aesthetic carpentry work.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-wearing-safety-glasses-ear-defender-around-his-neck-cleaning-wooden-plank-with-brush_23-2147944890.jpg?_wi=2",
|
||||
imageAlt: "professional carpenter measuring wood workshop",
|
||||
},
|
||||
{
|
||||
title: "Repairs",
|
||||
description: "Fast and effective repairs for doors, windows, and fixtures.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950917.jpg?_wi=2",
|
||||
imageAlt: "carpenter repairing door wooden frame",
|
||||
},
|
||||
{
|
||||
title: "Custom Woodworking",
|
||||
description: "Bespoke pieces made to your specific requirements.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg?_wi=4",
|
||||
imageAlt: "carpentry woodworking service wood",
|
||||
},
|
||||
{
|
||||
title: "Home Improvements",
|
||||
description: "Interior and exterior enhancements to refresh your home.",
|
||||
bentoComponent: "media-stack",
|
||||
items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg?_wi=3",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg?_wi=4",
|
||||
imageAlt: "wood repair window frame close up",
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Expert solutions for your home, from structural repairs to bespoke furniture pieces."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Carpentry", description: "Professional structural and aesthetic carpentry work.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woodworking-professional-using-sandpaper-sanding-wooden-surface_482257-97482.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Repairs", description: "Fast and effective repairs for doors, windows, and fixtures.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-taking-measures-wood-plank_23-2148748813.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Custom Woodworking", description: "Bespoke pieces made to your specific requirements.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-works-machine-with-wooden-product-manufacturing_169016-4746.jpg" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Home Improvements", description: "Interior and exterior enhancements to refresh your home.", bentoComponent: "media-stack", items: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-with-hammer-hitting-nails_329181-15685.jpg" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Expert solutions for your home, from structural repairs to bespoke furniture pieces."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Custom Cabinet",
|
||||
price: "Featured",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-crayon_23-2149394464.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Door Repair",
|
||||
price: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13085.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Bespoke Kitchen",
|
||||
price: "Custom Project",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Window Trim",
|
||||
price: "Quality Trim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263638.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Wood Shelving",
|
||||
price: "Bespoke Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-tags-shelf_23-2147874987.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Floor Renovation",
|
||||
price: "Restoration",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-slats-with-black-slits_1122-1140.jpg",
|
||||
},
|
||||
]}
|
||||
title="Completed Craftsmanship"
|
||||
description="A collection of our recent projects showcasing quality and attention to detail."
|
||||
/>
|
||||
</div>
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Custom Cabinet", price: "Featured", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-crayon_23-2149394464.jpg" },
|
||||
{ id: "p2", name: "Door Repair", price: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13085.jpg" },
|
||||
{ id: "p3", name: "Bespoke Kitchen", price: "Custom Project", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-makes-pencil-marks-wood-plank_93675-134741.jpg" },
|
||||
{ id: "p4", name: "Window Trim", price: "Quality Trim", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263638.jpg" },
|
||||
{ id: "p5", name: "Wood Shelving", price: "Bespoke Design", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-tags-shelf_23-2147874987.jpg" },
|
||||
{ id: "p6", name: "Floor Renovation", price: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/wooden-slats-with-black-slits_1122-1140.jpg" },
|
||||
]}
|
||||
title="Completed Craftsmanship"
|
||||
description="A collection of our recent projects showcasing quality and attention to detail."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Ready to discuss your next project? We are located in Denmark and ready to provide a consultation. Call us at +45 22 15 80 76 or reach out to get a quote."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: +45 22 15 80 76",
|
||||
href: "tel:+4522158076",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Ready to discuss your next project? We are located in Denmark and ready to provide a consultation. Call us at +45 22 15 80 76 or reach out to get a quote."
|
||||
buttons={[
|
||||
{ text: "Call Now: +45 22 15 80 76", href: "tel:+4522158076" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-gifts-right-from-forest_329181-11035.jpg"
|
||||
logoText="TLN Crafts"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Carpentry",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/natural-gifts-right-from-forest_329181-11035.jpg"
|
||||
logoText="TLN Crafts"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Portfolio", href: "#portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Carpentry", href: "#services" },
|
||||
{ label: "Repairs", href: "#services" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user