Update src/app/page.tsx
This commit is contained in:
285
src/app/page.tsx
285
src/app/page.tsx
@@ -32,23 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Collections", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Artistrylab"
|
||||
brandName="Zellwears"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -56,109 +48,32 @@ export default function LandingPage() {
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Elevating Brands Through Digital Artistry"
|
||||
description="Artistrylab transforms your digital presence with high-impact, data-driven marketing strategies tailored for growth."
|
||||
variant: "plain"}}
|
||||
title="Timeless Craftsmanship in Every Detail"
|
||||
description="Zellwears offers premium leather bags, jackets, and curated jewelry designed for those who appreciate true artistry and durability."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Artistrylab redefined our social presence entirely. The ROI exceeded expectations.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
},
|
||||
name: "Alice D.", handle: "@aliced", testimonial: "The leather quality on my jacket is unmatched. Simply stunning.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg"},
|
||||
{
|
||||
name: "James Wilson",
|
||||
handle: "@jwilson",
|
||||
testimonial: "Professional, creative, and highly strategic. A top-tier marketing partner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
|
||||
},
|
||||
{
|
||||
name: "Alex Chen",
|
||||
handle: "@achen",
|
||||
testimonial: "The design work combined with technical precision has transformed our conversion rates.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-afroamerican-man_23-2148508906.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jordan P.",
|
||||
handle: "@jordanp",
|
||||
testimonial: "Unmatched attention to detail. Artistrylab truly understands the modern landscape.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands_1258-193990.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maya V.",
|
||||
handle: "@mayav",
|
||||
testimonial: "Exceptional communication and seamless execution on every single project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
name: "Robert B.", handle: "@robertb", testimonial: "My new messenger bag is the perfect blend of style and function.", rating: 5,
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg"}
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Project",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Shop Collection", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906334.jpg"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/leather-jackets-displayed-shop_23-2148154940.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-female-staff-airport-terminal_107420-85049.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Digital Success"
|
||||
title="Crafting Excellence"
|
||||
description={[
|
||||
"At Artistrylab, we merge creativity with performance marketing. Our mission is to scale brands globally by leveraging advanced analytics and artistic vision.",
|
||||
]}
|
||||
"At Zellwears, we take pride in sourcing the finest materials for our leather products. Our commitment to craftsmanship ensures that every bag, jacket, and jewelry piece lasts a lifetime."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -169,32 +84,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "SEO Optimization",
|
||||
descriptions: [
|
||||
"Drive organic traffic with high-performance search strategies.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-connected-headphones_1162-134.jpg",
|
||||
},
|
||||
id: "f1", title: "Premium Leather Jackets", descriptions: [
|
||||
"Handcrafted comfort that only gets better with age."],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-leather-jacket_144627-1488.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Social Media",
|
||||
descriptions: [
|
||||
"Creative campaigns that engage and convert across platforms.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443503.jpg",
|
||||
},
|
||||
id: "f2", title: "Designer Bags", descriptions: [
|
||||
"Sophisticated designs for the modern traveler."],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/leather-bag-fashion_1203-1250.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Performance Ads",
|
||||
descriptions: [
|
||||
"ROI-focused advertising campaigns tailored for growth.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/street-billboard_187299-47487.jpg",
|
||||
},
|
||||
id: "f3", title: "Exquisite Jewelry", descriptions: [
|
||||
"Artisan-made accessories to complete your look."],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/gold-jewelry-collection_144627-4560.jpg"},
|
||||
]}
|
||||
title="Our Digital Services"
|
||||
description="Full-cycle digital agency services designed to amplify your market reach and optimize your customer journey."
|
||||
title="Curated Collections"
|
||||
description="Discover our exclusive range of high-quality products, carefully selected for style and endurance."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -205,35 +108,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150%",
|
||||
title: "Average Growth",
|
||||
items: [
|
||||
"Client revenue increase",
|
||||
"Year over year",
|
||||
],
|
||||
id: "m1", value: "10+ years", title: "Expertise", items: [
|
||||
"Master artisans", "Timeless tradition"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
title: "Projects",
|
||||
items: [
|
||||
"Completed campaigns",
|
||||
"Successfully launched",
|
||||
],
|
||||
id: "m2", value: "100%", title: "Satisfaction", items: [
|
||||
"Premium sourcing", "Customer care"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
title: "Partners",
|
||||
items: [
|
||||
"Global brands served",
|
||||
"Across 10 countries",
|
||||
],
|
||||
id: "m3", value: "5k+", title: "Happy Customers", items: [
|
||||
"Global reach", "Quality focus"],
|
||||
},
|
||||
]}
|
||||
title="Measured Results"
|
||||
description="We believe in transparency. Here are the core metrics that define our agency performance."
|
||||
title="Quality Standards"
|
||||
description="We hold ourselves to the highest standards of materials and design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -242,47 +130,18 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Salesforce",
|
||||
"Adobe",
|
||||
"Shopify",
|
||||
"HubSpot",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Working with industry pioneers to deliver digital excellence."
|
||||
"Vogue Style", "Fashion Weekly", "Design Monthly", "Leather Journal", "Accessory Insider"]}
|
||||
title="Featured In"
|
||||
description="Recognized by leading fashion and lifestyle publications for quality and design."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Working with the Artistrylab team has transformed our brand identity and marketing impact entirely. Highly recommended."
|
||||
testimonial="The craftsmanship at Zellwears is extraordinary. My bag is exactly what I was looking for!"
|
||||
rating={5}
|
||||
author="Marcus Thorne, TechCorp"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-stands-with-laptop-suit-glasses-outside-office-building-day_78492-3941.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
author="Sarah J., Loyal Customer"
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -294,23 +153,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "What is the onboarding process?",
|
||||
content: "We follow a 4-step discovery and strategy process to align with your business goals.",
|
||||
},
|
||||
id: "faq1", title: "How do I care for my leather?", content: "Use a gentle leather conditioner and keep away from prolonged direct moisture."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "How do we track success?",
|
||||
content: "We provide weekly detailed reporting based on your chosen key performance indicators.",
|
||||
},
|
||||
id: "faq2", title: "What is your return policy?", content: "We offer a 30-day return policy on all non-custom items in original condition."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Can we scale services?",
|
||||
content: "Yes, our packages are designed to scale as your brand grows and needs shift.",
|
||||
},
|
||||
id: "faq3", title: "Do you ship globally?", content: "Yes, we ship to most locations worldwide with tracked shipping options."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about partnering with Artistrylab."
|
||||
title="Customer FAQs"
|
||||
description="Got questions? We have answers."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -319,51 +169,42 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get in touch with Artistrylab to discuss how we can elevate your brand."
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get in Touch with Zellwears"
|
||||
description="Have inquiries about our collections? Our team is happy to assist you."
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your professional email"
|
||||
buttonText="Get a Quote"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/employee-coming-ai-startup-office-cto-manager-desk-request-help_482257-125536.jpg"
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Send Message"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/woman-shopping-online_1262-1461.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-vector/business-growth-money-savings-statistics_24877-49821.jpg"
|
||||
logoText="Artistrylab"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/leather-goods-display_144627-1422.jpg"
|
||||
logoText="Zellwears"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Digital Marketing",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leather Jackets", href: "#features"},
|
||||
{
|
||||
label: "SEO",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Bags", href: "#features"},
|
||||
{
|
||||
label: "Jewelry", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Shipping", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 | Artistrylab Digital Agency"
|
||||
copyrightText="© 2025 | Zellwears"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user