Merge version_2 into main #1
301
src/app/page.tsx
301
src/app/page.tsx
@@ -2,10 +2,10 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
@@ -32,135 +32,80 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="LabelCraft"
|
||||
button={{
|
||||
text: "Get Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Excellence in Every Detail"
|
||||
description="Custom labels and tags that define your brand identity with precision and premium quality."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145910.jpg",
|
||||
imageAlt: "luxury fabric label macro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sewing-thread-reels_23-2148145910.jpg", imageAlt: "luxury fabric label macro"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420651.jpg",
|
||||
imageAlt: "metallic foil product labels",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420651.jpg", imageAlt: "metallic foil product labels"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tags-with-string-scissors_23-2148370140.jpg",
|
||||
imageAlt: "woven clothing labels set",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tags-with-string-scissors_23-2148370140.jpg", imageAlt: "woven clothing labels set"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-retro-vhs-packaging_23-2149854386.jpg",
|
||||
imageAlt: "thermal sticker roll printing",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-retro-vhs-packaging_23-2149854386.jpg", imageAlt: "thermal sticker roll printing"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-minimal-flowers_23-2149176399.jpg",
|
||||
imageAlt: "embossed paper hang tags",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-minimal-flowers_23-2149176399.jpg", imageAlt: "embossed paper hang tags"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-holographic-gradient-wallpaper-10_1562-702.jpg",
|
||||
imageAlt: "holographic clear vinyl sticker",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/isolated-holographic-gradient-wallpaper-10_1562-702.jpg", imageAlt: "holographic clear vinyl sticker"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jars-with-different-kinds-jam-berries-supermarket-shelves-grocery-store-homemade-canning-products-made-with-love_627829-8316.jpg",
|
||||
imageAlt: "matte finish custom stickers",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jars-with-different-kinds-jam-berries-supermarket-shelves-grocery-store-homemade-canning-products-made-with-love_627829-8316.jpg", imageAlt: "matte finish custom stickers"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-tags_23-2147782971.jpg",
|
||||
imageAlt: "gold foil product hang tags",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-tags_23-2147782971.jpg", imageAlt: "gold foil product hang tags"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg",
|
||||
imageAlt: "luxury fabric label macro",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-silk-sleeve-close-up_23-2148237591.jpg", imageAlt: "luxury fabric label macro"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20150.jpg",
|
||||
imageAlt: "metallic foil product labels",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-20150.jpg", imageAlt: "metallic foil product labels"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Catalog",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Catalog", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/jacket-with-blank-brand-label_53876-32174.jpg",
|
||||
alt: "Jacket with blank brand label",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/jacket-with-blank-brand-label_53876-32174.jpg", alt: "Jacket with blank brand label"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blank-cloth-brand-label_53876-33826.jpg",
|
||||
alt: "Blank cloth brand label",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/blank-cloth-brand-label_53876-33826.jpg", alt: "Blank cloth brand label"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/textured-yellow-coat-close-up_23-2148237598.jpg",
|
||||
alt: "Textured yellow coat close-up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/textured-yellow-coat-close-up_23-2148237598.jpg", alt: "Textured yellow coat close-up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/old-tags-near-ink-pen-notebook_23-2147775714.jpg",
|
||||
alt: "Old tags near ink pen and notebook",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/old-tags-near-ink-pen-notebook_23-2147775714.jpg", alt: "Old tags near ink pen and notebook"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420704.jpg",
|
||||
alt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420704.jpg", alt: "Cosmetic bottle with luxurious art nouveau inspired sun relief background"},
|
||||
]}
|
||||
avatarText="Trusted by 850+ forward-thinking global brands."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "High-End Quality",
|
||||
},
|
||||
type: "text", text: "High-End Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Turnaround",
|
||||
},
|
||||
type: "text", text: "Fast Turnaround"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Custom Solutions",
|
||||
},
|
||||
type: "text", text: "Custom Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Materials",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Finishes",
|
||||
},
|
||||
type: "text", text: "Premium Finishes"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -171,8 +116,7 @@ export default function LandingPage() {
|
||||
title="Precision Labeling Solutions for Growing Brands"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
},
|
||||
text: "Learn More"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -184,21 +128,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic standard materials",
|
||||
"Slow production cycles",
|
||||
"Limited customization options",
|
||||
"Inconsistent print quality",
|
||||
"Lack of design support",
|
||||
],
|
||||
"Generic standard materials", "Slow production cycles", "Limited customization options", "Inconsistent print quality", "Lack of design support"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium durable materials",
|
||||
"Rapid, efficient turnaround",
|
||||
"Full bespoke customization",
|
||||
"Advanced print precision",
|
||||
"Dedicated branding experts",
|
||||
],
|
||||
"Premium durable materials", "Rapid, efficient turnaround", "Full bespoke customization", "Advanced print precision", "Dedicated branding experts"],
|
||||
}}
|
||||
title="Why Choose Our Craft"
|
||||
description="We blend innovative printing technology with high-quality materials to ensure your brand stands out."
|
||||
@@ -213,41 +147,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Custom Woven Labels",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-scissors-tag_23-2148527857.jpg",
|
||||
},
|
||||
id: "1", name: "Custom Woven Labels", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-thimbles-with-scissors-tag_23-2148527857.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Industrial Roll Stickers",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-rolls-toilet-paper_23-2148508086.jpg",
|
||||
},
|
||||
id: "2", name: "Industrial Roll Stickers", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-rolls-toilet-paper_23-2148508086.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Luxury Hang Tags",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-minimal-flowers_23-2149176432.jpg",
|
||||
},
|
||||
id: "3", name: "Luxury Hang Tags", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-minimal-flowers_23-2149176432.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Clear Vinyl Decals",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg",
|
||||
},
|
||||
id: "4", name: "Clear Vinyl Decals", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/metallic-holographic-background_23-2148862134.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Matte Finish Stickers",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-pottery-creations_23-2148846483.jpg",
|
||||
},
|
||||
id: "5", name: "Matte Finish Stickers", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-her-pottery-creations_23-2148846483.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Embossed Foil Tags",
|
||||
price: "Contact for pricing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105117.jpg",
|
||||
},
|
||||
id: "6", name: "Embossed Foil Tags", price: "Contact for pricing", imageSrc: "http://img.b2bpic.net/free-photo/note-with-encouragement-quote-starting-with-dear_23-2150105117.jpg"},
|
||||
]}
|
||||
title="Premium Tag & Label Collection"
|
||||
description="From woven garment tags to industrial adhesive labels, we deliver professional results every time."
|
||||
@@ -261,45 +171,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
handle: "Brand Owner",
|
||||
testimonial: "Exceptional quality and fast delivery. My products look fantastic with these labels.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", handle: "Brand Owner", testimonial: "Exceptional quality and fast delivery. My products look fantastic with these labels.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Clark",
|
||||
handle: "Founder",
|
||||
testimonial: "The attention to detail in their printing process is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457760.jpg",
|
||||
},
|
||||
id: "2", name: "David Clark", handle: "Founder", testimonial: "The attention to detail in their printing process is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-business-woman-posing_23-2149457760.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
handle: "Design Director",
|
||||
testimonial: "Working with the LabelCraft team has been a seamless and rewarding experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg",
|
||||
},
|
||||
id: "3", name: "Elena Ross", handle: "Design Director", testimonial: "Working with the LabelCraft team has been a seamless and rewarding experience.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-business-worker-using-vr-glasses-working-office_839833-10645.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Jenkins",
|
||||
handle: "Store Owner",
|
||||
testimonial: "Reliable, high-quality, and professional. Highly recommended for any brand.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-fashion-designer-dreamily-working-modern-showroom_574295-2025.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Jenkins", handle: "Store Owner", testimonial: "Reliable, high-quality, and professional. Highly recommended for any brand.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-fashion-designer-dreamily-working-modern-showroom_574295-2025.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jane Taylor",
|
||||
handle: "Fashion Designer",
|
||||
testimonial: "Beautiful woven tags that really elevate our clothing line's aesthetic.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg",
|
||||
},
|
||||
id: "5", name: "Jane Taylor", handle: "Fashion Designer", testimonial: "Beautiful woven tags that really elevate our clothing line's aesthetic.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-designer-with-musical-earphones-standing-office-holding-folder_1303-32105.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Voices of Success"
|
||||
@@ -315,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1.2M+",
|
||||
description: "Labels printed",
|
||||
},
|
||||
id: "1", value: "1.2M+", description: "Labels printed"},
|
||||
{
|
||||
id: "2",
|
||||
value: "850+",
|
||||
description: "Happy clients",
|
||||
},
|
||||
id: "2", value: "850+", description: "Happy clients"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
description: "Years experience",
|
||||
},
|
||||
id: "3", value: "15+", description: "Years experience"},
|
||||
]}
|
||||
title="By The Numbers"
|
||||
description="Our track record speaks for itself."
|
||||
@@ -336,66 +212,57 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
<FaqDouble
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What materials do you offer?",
|
||||
content: "We offer a wide range of premium paper, vinyl, and fabric materials.",
|
||||
},
|
||||
id: "q1", title: "What materials do you offer?", content: "We offer a wide range of premium paper, vinyl, and fabric materials."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What is the turnaround time?",
|
||||
content: "Our typical turnaround time is 5-7 business days depending on order size.",
|
||||
},
|
||||
id: "q2", title: "What is the turnaround time?", content: "Our typical turnaround time is 5-7 business days depending on order size."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Do you offer custom designs?",
|
||||
content: "Yes, our team can help you finalize your artwork for production.",
|
||||
},
|
||||
id: "q3", title: "Do you offer custom designs?", content: "Yes, our team can help you finalize your artwork for production."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
title="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Let's Start Your Project"
|
||||
description="Reach out to us today for custom labels and tags."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your project",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-digital-designer-looking-swatches-office_1303-32123.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Submit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LabelCraft"
|
||||
copyrightText="© 2025 LabelCraft | Professional Branding"
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Products", items: [
|
||||
{ label: "Woven Labels", href: "#" },
|
||||
{ label: "Roll Stickers", href: "#" },
|
||||
{ label: "Hang Tags", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 LabelCraft | Professional Branding"
|
||||
bottomRightText="All Rights Reserved"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user