Merge version_1 into main #1
256
src/app/page.tsx
256
src/app/page.tsx
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Products", id: "#products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="LensCrafters"
|
||||
/>
|
||||
@@ -64,45 +52,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Capture Life's Unforgettable Moments"
|
||||
description="Discover a wide range of cameras and accessories engineered for every passion. From professional DSLRs to compact mirrorless systems, find your perfect match."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Cameras",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Cameras", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630628.jpg",
|
||||
imageAlt: "Professional DSLR camera with a wide lens",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-indoors-still-life_23-2150630628.jpg", imageAlt: "Professional DSLR camera with a wide lens"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multiple-retro-photo-cameras_23-2148300544.jpg",
|
||||
imageAlt: "Vintage film camera on a wooden table",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-multiple-retro-photo-cameras_23-2148300544.jpg", imageAlt: "Vintage film camera on a wooden table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scuba-diver-sea-water-with-marine-life_23-2151456182.jpg",
|
||||
imageAlt: "Action camera capturing an underwater scene",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-scuba-diver-sea-water-with-marine-life_23-2151456182.jpg", imageAlt: "Action camera capturing an underwater scene"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-mountain-landscape_23-2147830984.jpg",
|
||||
imageAlt: "Photography drone flying over a scenic landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-mountain-landscape_23-2147830984.jpg", imageAlt: "Photography drone flying over a scenic landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourist-looking-through-camera_23-2147981908.jpg",
|
||||
imageAlt: "Compact digital camera for everyday use",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-tourist-looking-through-camera_23-2147981908.jpg", imageAlt: "Compact digital camera for everyday use"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg",
|
||||
imageAlt: "Professional studio lighting setup for photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/disabled-fencer-special-equipment-wheelchair_23-2149229610.jpg", imageAlt: "Professional studio lighting setup for photography"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,47 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "prod-1",
|
||||
name: "Pro Mirrorless Camera",
|
||||
price: "$2,499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-content-creator-stuff-camera-microphone-camera-lens-headphones-working-from-home_1268-17366.jpg",
|
||||
imageAlt: "Professional Mirrorless Camera Body",
|
||||
},
|
||||
id: "prod-1", name: "Pro Mirrorless Camera", price: "$2,499", imageSrc: "http://img.b2bpic.net/free-photo/table-with-content-creator-stuff-camera-microphone-camera-lens-headphones-working-from-home_1268-17366.jpg", imageAlt: "Professional Mirrorless Camera Body"},
|
||||
{
|
||||
id: "prod-2",
|
||||
name: "50mm Prime Lens",
|
||||
price: "$799",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473164.jpg",
|
||||
imageAlt: "50mm Prime Camera Lens",
|
||||
},
|
||||
id: "prod-2", name: "50mm Prime Lens", price: "$799", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-camera-shutter_23-2150473164.jpg", imageAlt: "50mm Prime Camera Lens"},
|
||||
{
|
||||
id: "prod-3",
|
||||
name: "Classic Film Camera",
|
||||
price: "$549",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348585.jpg",
|
||||
imageAlt: "Classic Film Camera",
|
||||
},
|
||||
id: "prod-3", name: "Classic Film Camera", price: "$549", imageSrc: "http://img.b2bpic.net/free-photo/vintage-objects-arrangement-still-life_23-2150348585.jpg", imageAlt: "Classic Film Camera"},
|
||||
{
|
||||
id: "prod-4",
|
||||
name: "Compact Photography Drone",
|
||||
price: "$1,199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-drone-flying-rocky-seacoast_657883-105.jpg",
|
||||
imageAlt: "Compact Photography Drone",
|
||||
},
|
||||
id: "prod-4", name: "Compact Photography Drone", price: "$1,199", imageSrc: "http://img.b2bpic.net/free-photo/modern-drone-flying-rocky-seacoast_657883-105.jpg", imageAlt: "Compact Photography Drone"},
|
||||
{
|
||||
id: "prod-5",
|
||||
name: "Flexible Travel Tripod",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-professional-camera-accessoires_1163-2737.jpg",
|
||||
imageAlt: "Flexible Travel Tripod",
|
||||
},
|
||||
id: "prod-5", name: "Flexible Travel Tripod", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/white-desk-with-professional-camera-accessoires_1163-2737.jpg", imageAlt: "Flexible Travel Tripod"},
|
||||
{
|
||||
id: "prod-6",
|
||||
name: "External Speedlight Flash",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-decoration-with-vintage-camera_23-2147726434.jpg",
|
||||
imageAlt: "External Speedlight Flash",
|
||||
},
|
||||
id: "prod-6", name: "External Speedlight Flash", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/christmas-decoration-with-vintage-camera_23-2147726434.jpg", imageAlt: "External Speedlight Flash"},
|
||||
]}
|
||||
title="Our Stellar Camera Collection"
|
||||
description="Explore our hand-picked selection of the latest and greatest cameras and essential accessories. Each product is chosen for its quality, innovation, and ability to inspire your next masterpiece."
|
||||
@@ -176,19 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited selection and obscure brands",
|
||||
"No personal guidance or support",
|
||||
"High prices, minimal warranty",
|
||||
"Outdated models, slow delivery",
|
||||
],
|
||||
"Limited selection and obscure brands", "No personal guidance or support", "High prices, minimal warranty", "Outdated models, slow delivery"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Curated collection, top brands",
|
||||
"Expert advice and technical support",
|
||||
"Competitive pricing, extensive warranty",
|
||||
"Latest models, fast & secure shipping",
|
||||
],
|
||||
"Curated collection, top brands", "Expert advice and technical support", "Competitive pricing, extensive warranty", "Latest models, fast & secure shipping"],
|
||||
}}
|
||||
title="Why Choose Our Cameras?"
|
||||
description="We offer a curated selection and expert support that sets us apart. Compare our benefits against common alternatives."
|
||||
@@ -200,22 +133,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Happy Photographers",
|
||||
},
|
||||
id: "m1", value: "15K+", description: "Happy Photographers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100+",
|
||||
description: "Top Brands Stocked",
|
||||
},
|
||||
id: "m2", value: "100+", description: "Top Brands Stocked"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500K+",
|
||||
description: "Photos Shared",
|
||||
},
|
||||
id: "m3", value: "500K+", description: "Photos Shared"},
|
||||
]}
|
||||
title="Our Impact & Community"
|
||||
description="Numbers speak louder than words. We're proud of the community we've built and the joy we've helped capture."
|
||||
@@ -229,45 +154,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@FotoFanatic",
|
||||
testimonial: "The staff at LensCrafters are incredibly knowledgeable! They helped me choose the perfect mirrorless camera for my travel photography. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37022.jpg",
|
||||
imageAlt: "Smiling man with a camera",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@FotoFanatic", testimonial: "The staff at LensCrafters are incredibly knowledgeable! They helped me choose the perfect mirrorless camera for my travel photography. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-designer-planning-renovation-modern-apartment_273609-37022.jpg", imageAlt: "Smiling man with a camera"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark L.",
|
||||
handle: "@ShutterBug",
|
||||
testimonial: "Amazing selection of lenses and accessories. My orders always arrive quickly and are well-packaged. A truly professional experience every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-leather-jacket-taking-her-photos-funny-strange-positions_114579-27287.jpg",
|
||||
imageAlt: "Smiling woman with camera gear",
|
||||
},
|
||||
id: "2", name: "Mark L.", handle: "@ShutterBug", testimonial: "Amazing selection of lenses and accessories. My orders always arrive quickly and are well-packaged. A truly professional experience every time.", imageSrc: "http://img.b2bpic.net/free-photo/girl-leather-jacket-taking-her-photos-funny-strange-positions_114579-27287.jpg", imageAlt: "Smiling woman with camera gear"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@PixelPioneer",
|
||||
testimonial: "I love their commitment to customer service. Had an issue with a tripod, and they resolved it efficiently and graciously. You've earned a lifelong customer!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-taking-picture_23-2148357288.jpg",
|
||||
imageAlt: "Young man looking at a camera lens",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@PixelPioneer", testimonial: "I love their commitment to customer service. Had an issue with a tripod, and they resolved it efficiently and graciously. You've earned a lifelong customer!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-man-taking-picture_23-2148357288.jpg", imageAlt: "Young man looking at a camera lens"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@LensLover",
|
||||
testimonial: "The best place to get expert advice on film cameras. The team's passion for photography is infectious and incredibly helpful for a beginner like me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg",
|
||||
imageAlt: "Smiling woman with an artistic background",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@LensLover", testimonial: "The best place to get expert advice on film cameras. The team's passion for photography is infectious and incredibly helpful for a beginner like me.", imageSrc: "http://img.b2bpic.net/free-photo/female-shine-attractive-portrait-brunette_1303-570.jpg", imageAlt: "Smiling woman with an artistic background"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica M.",
|
||||
handle: "@PhotoPro",
|
||||
testimonial: "Always my first stop for new gear. They stock unique items you can't find anywhere else, and the quality is consistently superb. Five stars!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg",
|
||||
imageAlt: "Smiling male executive",
|
||||
},
|
||||
id: "5", name: "Jessica M.", handle: "@PhotoPro", testimonial: "Always my first stop for new gear. They stock unique items you can't find anywhere else, and the quality is consistently superb. Five stars!", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3800.jpg", imageAlt: "Smiling male executive"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Hear directly from our vibrant community of photographers about their experiences with LensCrafters."
|
||||
@@ -281,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Canon",
|
||||
"Nikon",
|
||||
"Sony",
|
||||
"Fujifilm",
|
||||
"Leica",
|
||||
"Olympus",
|
||||
"GoPro",
|
||||
]}
|
||||
"Canon", "Nikon", "Sony", "Fujifilm", "Leica", "Olympus", "GoPro"]}
|
||||
title="Trusted by the Best in Photography"
|
||||
description="We proudly partner with leading brands and organizations to bring you the highest quality photography equipment and experiences."
|
||||
showCard={false}
|
||||
@@ -300,20 +188,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy on all unused products in their original packaging. Please see our full terms for more details.",
|
||||
},
|
||||
id: "q1", title: "What is your return policy?", content: "We offer a 30-day return policy on all unused products in their original packaging. Please see our full terms for more details."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by destination. You can find more information during checkout.",
|
||||
},
|
||||
id: "q2", title: "Do you offer international shipping?", content: "Yes, we ship to most countries worldwide. Shipping costs and delivery times vary by destination. You can find more information during checkout."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I get technical support for my camera?",
|
||||
content: "Absolutely! Our expert team is available to provide technical support and guidance. Contact us via email or phone for assistance.",
|
||||
},
|
||||
id: "q3", title: "Can I get technical support for my camera?", content: "Absolutely! Our expert team is available to provide technical support and guidance. Contact us via email or phone for assistance."},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to the most common questions about our products, services, and policies."
|
||||
@@ -326,8 +205,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Connect With Us"
|
||||
title="Get in Touch for Expert Advice"
|
||||
description="Have a question about a product, need technical assistance, or just want to talk shop? Our friendly team is here to help you capture your next great shot."
|
||||
@@ -341,71 +219,43 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "DSLR Cameras",
|
||||
href: "#products",
|
||||
},
|
||||
label: "DSLR Cameras", href: "#products"},
|
||||
{
|
||||
label: "Mirrorless Cameras",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Mirrorless Cameras", href: "#products"},
|
||||
{
|
||||
label: "Lenses",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Lenses", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Warranty",
|
||||
href: "#",
|
||||
},
|
||||
label: "Warranty", href: "#"},
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user