Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
396
src/app/page.tsx
396
src/app/page.tsx
@@ -28,274 +28,150 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Tools",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Master Craft Tools"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Tools", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Master Craft Tools"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Tools Built for Master Craftsmen"
|
||||
description="Discover premium carpentry equipment trusted by professionals. Every tool selected for durability, performance, and results that matter."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Premium Tools",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=1"
|
||||
imageAlt="High-quality carpentry tools"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Precision Tools Built for Master Craftsmen"
|
||||
description="Discover premium carpentry equipment trusted by professionals. Every tool selected for durability, performance, and results that matter."
|
||||
buttons={[{ text: "Shop Premium Tools", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg"
|
||||
imageAlt="High-quality carpentry tools"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Excellence Since 1985"
|
||||
description="At Master Craft Tools, we understand that great projects start with the right foundation. My father built this company on a simple belief: tools should be as enduring as the wood they shape. Today, we continue that tradition by curating only the most reliable, high-performance equipment for professionals and dedicated hobbyists alike."
|
||||
metrics={[
|
||||
{
|
||||
value: "40+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Verified Tools",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Pros",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-model-with-curly-hair-having-his-arms-crossed_23-2148760695.jpg?_wi=1"
|
||||
imageAlt="Master woodworker in his studio"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Excellence Since 1985"
|
||||
description="At Master Craft Tools, we understand that great projects start with the right foundation. My father built this company on a simple belief: tools should be as enduring as the wood they shape. Today, we continue that tradition by curating only the most reliable, high-performance equipment for professionals and dedicated hobbyists alike."
|
||||
metrics={[
|
||||
{ value: "40+", title: "Years Experience" },
|
||||
{ value: "10k+", title: "Verified Tools" },
|
||||
{ value: "5k+", title: "Happy Pros" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-model-with-curly-hair-having-his-arms-crossed_23-2148760695.jpg"
|
||||
imageAlt="Master woodworker in his studio"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Steel Hand Saw",
|
||||
price: "$89",
|
||||
variant: "Pro-Series",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-tree_1157-18914.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Chisel Master Set",
|
||||
price: "$125",
|
||||
variant: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tools-pieces-wood_23-2148640265.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hand Plane Elite",
|
||||
price: "$160",
|
||||
variant: "Professional",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Power Drill Driver",
|
||||
price: "$299",
|
||||
variant: "Heavy-Duty",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-drill-working-with-wood_23-2148898051.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Digital Square",
|
||||
price: "$55",
|
||||
variant: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-tools-construction-repair-wooden-table_181624-51622.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Professional Mallet",
|
||||
price: "$45",
|
||||
variant: "Ergonomic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530725.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Curated Carpentry Essentials"
|
||||
description="Explore our premium selection of professional-grade tools designed for precision, durability, and expert craftsmanship."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Steel Hand Saw", price: "$89", variant: "Pro-Series", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-tree_1157-18914.jpg" },
|
||||
{ id: "p2", name: "Chisel Master Set", price: "$125", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tools-pieces-wood_23-2148640265.jpg" },
|
||||
{ id: "p3", name: "Hand Plane Elite", price: "$160", variant: "Professional", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg" },
|
||||
{ id: "p4", name: "Power Drill Driver", price: "$299", variant: "Heavy-Duty", imageSrc: "http://img.b2bpic.net/free-photo/man-with-drill-working-with-wood_23-2148898051.jpg" },
|
||||
{ id: "p5", name: "Digital Square", price: "$55", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-tools-construction-repair-wooden-table_181624-51622.jpg" },
|
||||
{ id: "p6", name: "Professional Mallet", price: "$45", variant: "Ergonomic", imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530725.jpg" },
|
||||
]}
|
||||
title="Curated Carpentry Essentials"
|
||||
description="Explore our premium selection of professional-grade tools designed for precision, durability, and expert craftsmanship."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Industrial Durability",
|
||||
description: "Constructed from hardened materials for years of rigorous daily use.",
|
||||
icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-tree_1157-18914.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tools-pieces-wood_23-2148640265.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-timber-tools_23-2148643217.jpg?_wi=2",
|
||||
imageAlt: "professional carpentry tools workbench",
|
||||
},
|
||||
{
|
||||
title: "Precision Engineering",
|
||||
description: "Calibrated for exact measurements and clean cuts every single time.",
|
||||
icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-tools-construction-repair-wooden-table_181624-51622.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-model-with-curly-hair-having-his-arms-crossed_23-2148760695.jpg?_wi=2",
|
||||
imageAlt: "expert carpenter workshop portrait",
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance",
|
||||
description: "Detailed product specs and support for every tool we offer.",
|
||||
icon: Star,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-drill-working-with-wood_23-2148898051.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530725.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-tree_1157-18914.jpg?_wi=3",
|
||||
imageAlt: "professional hand saw steel",
|
||||
},
|
||||
]}
|
||||
title="Why Professional Crafters Choose Us"
|
||||
description="We don't just sell tools; we provide instruments of precision that help you build your legacy."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Industrial Durability", description: "Constructed from hardened materials for years of rigorous daily use.", icon: Shield,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpenter-works-with-tree_1157-18914.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-tools-pieces-wood_23-2148640265.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Precision Engineering", description: "Calibrated for exact measurements and clean cuts every single time.", icon: Zap,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pieces-wood-tools-construction-repair-wooden-table_181624-51622.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Expert Guidance", description: "Detailed product specs and support for every tool we offer.", icon: Star,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-with-drill-working-with-wood_23-2148898051.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/view-hammer-construction_23-2150530725.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Why Professional Crafters Choose Us"
|
||||
description="We don't just sell tools; we provide instruments of precision that help you build your legacy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The precision of these tools is unmatched. My woodworking business has seen a noticeable increase in efficiency since I switched to Master Craft Tools."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Master Carpenter"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg",
|
||||
alt: "Marcus Thorne",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898058.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-wearing-safety-glasses-ear-defender-workshop_23-2147944875.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The precision of these tools is unmatched. My woodworking business has seen a noticeable increase in efficiency since I switched to Master Craft Tools."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Master Carpenter"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/architect-with-safety-helmet-posing_23-2148242939.jpg", alt: "Marcus Thorne" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-working-with-wood-workshop_23-2148898058.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-worker-wearing-vest_23-2149366621.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-mid-adult-carpenter-his-workshop_637285-11693.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-wearing-safety-glasses-ear-defender-workshop_23-2147944875.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer professional discounts?",
|
||||
content: "Yes, we provide special pricing for verified contractors and carpentry businesses.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day hassle-free return policy for unused professional tools.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are your tools suitable for DIYers?",
|
||||
content: "Absolutely. While they meet professional standards, they are designed to be intuitive for serious hobbyists.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "How do I maintain my tools?",
|
||||
content: "Each purchase includes a comprehensive maintenance guide to ensure longevity.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our professional-grade tools."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Do you offer professional discounts?", content: "Yes, we provide special pricing for verified contractors and carpentry businesses." },
|
||||
{ id: "2", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy for unused professional tools." },
|
||||
{ id: "3", title: "Are your tools suitable for DIYers?", content: "Absolutely. While they meet professional standards, they are designed to be intuitive for serious hobbyists." },
|
||||
{ id: "4", title: "How do I maintain my tools?", content: "Each purchase includes a comprehensive maintenance guide to ensure longevity." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our professional-grade tools."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Informed"
|
||||
title="Get Expert Tool Recommendations"
|
||||
description="Join our newsletter for professional carpentry insights and exclusive product releases."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Informed"
|
||||
title="Get Expert Tool Recommendations"
|
||||
description="Join our newsletter for professional carpentry insights and exclusive product releases."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Master Craft Tools"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Master Craft Tools"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user