Merge version_1 into main #1
278
src/app/page.tsx
278
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Craft", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Lone Wolf Leather"
|
||||
/>
|
||||
@@ -56,93 +48,52 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Rugged Elegance, Handcrafted."
|
||||
description="Lone Wolf Leather Design brings tradition into the modern era. Exceptional materials meet meticulous craftsmanship in every piece we create for your journey."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@alexleather",
|
||||
testimonial: "The quality of craftsmanship is simply unmatched. My wallet is a work of art.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-portrait_23-2148831146.jpg",
|
||||
},
|
||||
name: "Alex R.", handle: "@alexleather", testimonial: "The quality of craftsmanship is simply unmatched. My wallet is a work of art.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-portrait_23-2148831146.jpg"},
|
||||
{
|
||||
name: "Jamie S.",
|
||||
handle: "@jamie_s",
|
||||
testimonial: "Longevity and style in perfect balance. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-dress-holding-present-smiling-with-eyes-closed-feeling-thankful-valentines-day-concept-standing-purple-wall_141793-59152.jpg",
|
||||
},
|
||||
name: "Jamie S.", handle: "@jamie_s", testimonial: "Longevity and style in perfect balance. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-dress-holding-present-smiling-with-eyes-closed-feeling-thankful-valentines-day-concept-standing-purple-wall_141793-59152.jpg"},
|
||||
{
|
||||
name: "Jordan M.",
|
||||
handle: "@jordan_m",
|
||||
testimonial: "Excellent service and custom work that exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-adult-brunette-woman-smiles-puts-her-thumb-forefinger-together-showing-that-everything-is-ok_197531-31190.jpg",
|
||||
},
|
||||
name: "Jordan M.", handle: "@jordan_m", testimonial: "Excellent service and custom work that exceeded expectations.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-adult-brunette-woman-smiles-puts-her-thumb-forefinger-together-showing-that-everything-is-ok_197531-31190.jpg"},
|
||||
{
|
||||
name: "Chris T.",
|
||||
handle: "@chris_t",
|
||||
testimonial: "Best leather purchase I've ever made. The texture is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg",
|
||||
},
|
||||
name: "Chris T.", handle: "@chris_t", testimonial: "Best leather purchase I've ever made. The texture is incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-yellow-jacket_23-2149020793.jpg"},
|
||||
{
|
||||
name: "Sam P.",
|
||||
handle: "@sam_p",
|
||||
testimonial: "Truly premium feel. The attention to detail is evident in every stitch.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop_171337-12246.jpg",
|
||||
},
|
||||
name: "Sam P.", handle: "@sam_p", testimonial: "Truly premium feel. The attention to detail is evident in every stitch.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-smiling-shoemaker-workshop_171337-12246.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970727.jpg"
|
||||
imageAlt="Handcrafted leather item detail"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/making-bracelet-hard-working-jeweler-concept_23-2148643202.jpg",
|
||||
alt: "Making a bracelet hard working jeweler concept",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/making-bracelet-hard-working-jeweler-concept_23-2148643202.jpg", alt: "Making a bracelet hard working jeweler concept"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/drawing-sketch-new-art-project_114579-13064.jpg",
|
||||
alt: "Drawing sketch of a new art project.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/drawing-sketch-new-art-project_114579-13064.jpg", alt: "Drawing sketch of a new art project."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shoemaker-cutting-leather_171337-12266.jpg",
|
||||
alt: "Close up of a shoemaker cutting leather",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-shoemaker-cutting-leather_171337-12266.jpg", alt: "Close up of a shoemaker cutting leather"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970726.jpg",
|
||||
alt: "Creative tailor working in workshop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970726.jpg", alt: "Creative tailor working in workshop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970727.jpg",
|
||||
alt: "Handcrafted leather item detail",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/creative-tailor-working-workshop_23-2148970727.jpg", alt: "Handcrafted leather item detail"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Craft",
|
||||
},
|
||||
type: "text", text: "Artisanal Craft"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Grain Leather",
|
||||
},
|
||||
type: "text", text: "Full-Grain Leather"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Durability",
|
||||
},
|
||||
type: "text", text: "Timeless Durability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Service",
|
||||
},
|
||||
type: "text", text: "Bespoke Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Quality",
|
||||
},
|
||||
type: "text", text: "Lifetime Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -155,17 +106,11 @@ export default function LandingPage() {
|
||||
description="At Lone Wolf Leather Design, we believe in the longevity of quality. We source only the finest hides to create pieces that age beautifully with every passing year, reflecting your own unique narrative."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Artisanal Methods",
|
||||
description: "Traditional hand-tooling techniques passed through generations.",
|
||||
},
|
||||
title: "Artisanal Methods", description: "Traditional hand-tooling techniques passed through generations."},
|
||||
{
|
||||
title: "Premium Hides",
|
||||
description: "Full-grain leathers that mature and develop a unique patina.",
|
||||
},
|
||||
title: "Premium Hides", description: "Full-grain leathers that mature and develop a unique patina."},
|
||||
{
|
||||
title: "Bespoke Design",
|
||||
description: "Customizable options to ensure every item fits your specific needs.",
|
||||
},
|
||||
title: "Bespoke Design", description: "Customizable options to ensure every item fits your specific needs."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-shoemaker-man-working-with-leather_171337-12291.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -179,38 +124,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sturdy Stitching",
|
||||
author: "Reinforced Seams",
|
||||
description: "Heavy-duty waxed thread ensures our seams withstand everyday wear for decades.",
|
||||
tags: [
|
||||
"Durability",
|
||||
"Hand-stitched",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-texture-background_1385-1141.jpg",
|
||||
},
|
||||
id: "f1", title: "Sturdy Stitching", author: "Reinforced Seams", description: "Heavy-duty waxed thread ensures our seams withstand everyday wear for decades.", tags: [
|
||||
"Durability", "Hand-stitched"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/leather-texture-background_1385-1141.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Natural Tanning",
|
||||
author: "Vegetable Tanned",
|
||||
description: "Our leathers are vegetable-tanned, ensuring an eco-friendly process and a superior finish.",
|
||||
tags: [
|
||||
"Sustainable",
|
||||
"Premium",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-needles-brown-leather-with-handmade-stitches_23-2148137625.jpg",
|
||||
},
|
||||
id: "f2", title: "Natural Tanning", author: "Vegetable Tanned", description: "Our leathers are vegetable-tanned, ensuring an eco-friendly process and a superior finish.", tags: [
|
||||
"Sustainable", "Premium"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-needles-brown-leather-with-handmade-stitches_23-2148137625.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Lifetime Build",
|
||||
author: "Rugged Quality",
|
||||
description: "Crafted to be passed down. Every piece is an investment in timeless durability.",
|
||||
tags: [
|
||||
"Longevity",
|
||||
"Heritage",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tailor-working-leather-fabric_1303-23391.jpg",
|
||||
},
|
||||
id: "f3", title: "Lifetime Build", author: "Rugged Quality", description: "Crafted to be passed down. Every piece is an investment in timeless durability.", tags: [
|
||||
"Longevity", "Heritage"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tailor-working-leather-fabric_1303-23391.jpg"},
|
||||
]}
|
||||
title="Quality Built In"
|
||||
description="We don't cut corners. Our features define the Lone Wolf difference."
|
||||
@@ -219,46 +143,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Bifold Wallet",
|
||||
price: "$85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11200.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Bifold Wallet", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11200.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rugged Utility Belt",
|
||||
price: "$120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buckle-strap-brown-canvas-camera-utility-bag_181624-16887.jpg",
|
||||
},
|
||||
id: "p2", name: "Rugged Utility Belt", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buckle-strap-brown-canvas-camera-utility-bag_181624-16887.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Everyday Leather Tote",
|
||||
price: "$295",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073510.jpg",
|
||||
},
|
||||
id: "p3", name: "Everyday Leather Tote", price: "$295", imageSrc: "http://img.b2bpic.net/free-photo/bag-hanging-from-furniture-item-indoors_23-2151073510.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pocket Journal Case",
|
||||
price: "$65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/opera-cake-dessert-wooden-table_123827-20872.jpg",
|
||||
},
|
||||
id: "p4", name: "Pocket Journal Case", price: "$65", imageSrc: "http://img.b2bpic.net/free-photo/opera-cake-dessert-wooden-table_123827-20872.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Camera Strap",
|
||||
price: "$90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-photo-camera-leather-bag_23-2148300531.jpg",
|
||||
},
|
||||
id: "p5", name: "Minimalist Camera Strap", price: "$90", imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-photo-camera-leather-bag_23-2148300531.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Slim Card Holder",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-dress-holding-tablet_23-2147650920.jpg",
|
||||
},
|
||||
id: "p6", name: "Slim Card Holder", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-black-dress-holding-tablet_23-2147650920.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Explore our curated range of essential leather goods designed for longevity and daily utility."
|
||||
@@ -272,20 +173,11 @@ export default function LandingPage() {
|
||||
tag="Craftsmanship Stats"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
description: "Years of artisanal practice",
|
||||
},
|
||||
id: "m1", value: "10+", description: "Years of artisanal practice"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Pieces meticulously handcrafted",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Pieces meticulously handcrafted"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Genuine full-grain leather",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Genuine full-grain leather"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -296,30 +188,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-portrait_23-2148831138.jpg",
|
||||
},
|
||||
id: "1", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-man-portrait_23-2148831138.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039406.jpg",
|
||||
},
|
||||
id: "2", name: "Jamie S.", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-bill-restaurant-using-nfc-technology_23-2150039406.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg",
|
||||
},
|
||||
id: "3", name: "Jordan M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020770.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chris T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-full-shot_23-2150062443.jpg",
|
||||
},
|
||||
id: "4", name: "Chris T.", imageSrc: "http://img.b2bpic.net/free-photo/woman-restoring-wooden-chair-full-shot_23-2150062443.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sam P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451018.jpg",
|
||||
},
|
||||
id: "5", name: "Sam P.", imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451018.jpg"},
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Trust"
|
||||
@@ -332,20 +209,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I care for my leather?",
|
||||
content: "Wipe clean with a soft dry cloth. Apply natural oils annually to maintain suppleness.",
|
||||
},
|
||||
id: "q1", title: "How do I care for my leather?", content: "Wipe clean with a soft dry cloth. Apply natural oils annually to maintain suppleness."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer custom designs?",
|
||||
content: "Yes, we specialize in bespoke projects tailored to your requirements.",
|
||||
},
|
||||
id: "q2", title: "Do you offer custom designs?", content: "Yes, we specialize in bespoke projects tailored to your requirements."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What leather do you use?",
|
||||
content: "We exclusively use ethically sourced, full-grain vegetable-tanned hides.",
|
||||
},
|
||||
id: "q3", title: "What leather do you use?", content: "We exclusively use ethically sourced, full-grain vegetable-tanned hides."},
|
||||
]}
|
||||
sideTitle="Questions?"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -356,8 +224,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Contact"
|
||||
title="Start Your Journey"
|
||||
description="Have a custom project in mind? Reach out and let's craft something special."
|
||||
@@ -368,42 +235,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Craft",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Craft", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Store",
|
||||
items: [
|
||||
title: "Store", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user