Merge version_1 into main #2
204
src/app/page.tsx
204
src/app/page.tsx
@@ -30,63 +30,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Guitars",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Guitars", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Harmony Strings"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Crafting Your Sound"
|
||||
description="Discover our collection of premium, handcrafted guitars and musical instruments, curated for musicians who demand the best."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-tuning-post-wooden-headstock-electric-bass-guitar_169016-13068.jpg",
|
||||
imageAlt: "Acoustic guitar detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-worker-ending-work-shift-after-finishing-tasks-debugging-code_482257-98263.jpg",
|
||||
imageAlt: "Electric guitar collection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-wine-bottle_74190-7316.jpg",
|
||||
imageAlt: "Vintage store atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-cables-hanging-derelict-ghetto-hideout-used-by-vandals_482257-107640.jpg",
|
||||
imageAlt: "Musician performing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg",
|
||||
imageAlt: "Macro string detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guitarist-having-fun_23-2147624411.jpg",
|
||||
imageAlt: "Shop expert consultation",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/detail-tuning-post-wooden-headstock-electric-bass-guitar_169016-13068.jpg", imageAlt: "Acoustic guitar detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/it-worker-ending-work-shift-after-finishing-tasks-debugging-code_482257-98263.jpg", imageAlt: "Electric guitar collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-wine-bottle_74190-7316.jpg", imageAlt: "Vintage store atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/electric-cables-hanging-derelict-ghetto-hideout-used-by-vandals_482257-107640.jpg", imageAlt: "Musician performing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098552.jpg", imageAlt: "Macro string detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/guitarist-having-fun_23-2147624411.jpg", imageAlt: "Shop expert consultation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,42 +79,12 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Acoustic Series",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-acoustic-guitars-colored-background-flat-lay_169016-23112.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Studio Electric Pro",
|
||||
price: "$1,250",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-guitar-with-neon-light_23-2151376106.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Deep Groove Bass",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-electric-guitar-dark-background_169016-20246.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Vintage Mahogany Acoustic",
|
||||
price: "$1,899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-acoustic-guitars-colored-background-flat-lay_169016-23112.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Custom Shop Strat",
|
||||
price: "$2,400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-playing-bass-guitar_169016-17165.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Beginner Folk Ukulele",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/acoustic-guitar-textured-black-wooden-background-top-view_169016-51083.jpg",
|
||||
},
|
||||
{ id: "1", name: "Classic Acoustic Series", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/two-acoustic-guitars-colored-background-flat-lay_169016-23112.jpg" },
|
||||
{ id: "2", name: "Studio Electric Pro", price: "$1,250", imageSrc: "http://img.b2bpic.net/free-photo/electric-guitar-with-neon-light_23-2151376106.jpg" },
|
||||
{ id: "3", name: "Deep Groove Bass", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/closeup-black-electric-guitar-dark-background_169016-20246.jpg" },
|
||||
{ id: "4", name: "Vintage Mahogany Acoustic", price: "$1,899", imageSrc: "http://img.b2bpic.net/free-photo/two-acoustic-guitars-colored-background-flat-lay_169016-23112.jpg" },
|
||||
{ id: "5", name: "Custom Shop Strat", price: "$2,400", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-playing-bass-guitar_169016-17165.jpg" },
|
||||
{ id: "6", name: "Beginner Folk Ukulele", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/acoustic-guitar-textured-black-wooden-background-top-view_169016-51083.jpg" },
|
||||
]}
|
||||
title="Our Featured Instruments"
|
||||
description="Explore our hand-picked selection of acoustic, electric, and bass guitars, perfect for all skill levels."
|
||||
@@ -158,42 +95,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj_music",
|
||||
testimonial: "The acoustic I bought here is incredible. The tone is perfect for recording.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394261.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jenkins", handle: "@sarahj_music", testimonial: "The acoustic I bought here is incredible. The tone is perfect for recording.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-embroidered-shirt_23-2149394261.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marko Polo",
|
||||
handle: "@mpolo_sounds",
|
||||
testimonial: "Expert advice and a great selection of vintage electrics. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spiral-blank-notepad-blackboard-with-drawn-musical-notes-cassette-tapes-compact-discs_23-2147927393.jpg",
|
||||
},
|
||||
id: "2", name: "Marko Polo", handle: "@mpolo_sounds", testimonial: "Expert advice and a great selection of vintage electrics. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/spiral-blank-notepad-blackboard-with-drawn-musical-notes-cassette-tapes-compact-discs_23-2147927393.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@echon_guitars",
|
||||
testimonial: "I found my perfect studio bass here. The team really cares about every detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-electric-guitar-home_23-2148614525.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@echon_guitars", testimonial: "I found my perfect studio bass here. The team really cares about every detail.", imageSrc: "http://img.b2bpic.net/free-photo/man-playing-electric-guitar-home_23-2148614525.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Rogers",
|
||||
handle: "@rogers_rocks",
|
||||
testimonial: "Fast shipping and perfect setup on arrival. Best music shop in town!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-musician-playing-ukulele-home-picking-chords-new-song-sitting_1258-204930.jpg",
|
||||
},
|
||||
id: "4", name: "David Rogers", handle: "@rogers_rocks", testimonial: "Fast shipping and perfect setup on arrival. Best music shop in town!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-modern-woman-musician-playing-ukulele-home-picking-chords-new-song-sitting_1258-204930.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Laura Smith",
|
||||
handle: "@laurasmith",
|
||||
testimonial: "They helped me choose my first guitar. Patient, kind, and knowledgeable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-male-musician-emotionally-singing-microphone-recording-song-professional-sound-studio_574295-1875.jpg",
|
||||
},
|
||||
id: "5", name: "Laura Smith", handle: "@laurasmith", testimonial: "They helped me choose my first guitar. Patient, kind, and knowledgeable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-handsome-male-musician-emotionally-singing-microphone-recording-song-professional-sound-studio_574295-1875.jpg"},
|
||||
]}
|
||||
title="Voices of Harmony"
|
||||
description="What our customers are saying about our store and the instruments they found here."
|
||||
@@ -205,21 +118,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you offer guitar repairs?",
|
||||
content: "Yes, our expert luthiers can perform setups, restrings, and major repairs in-house.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day money-back guarantee for all instruments in original condition.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I test instruments in person?",
|
||||
content: "Absolutely! We encourage all our local customers to come visit the store and play our instruments before they buy.",
|
||||
},
|
||||
{ id: "1", title: "Do you offer guitar repairs?", content: "Yes, our expert luthiers can perform setups, restrings, and major repairs in-house." },
|
||||
{ id: "2", title: "What is your return policy?", content: "We offer a 30-day money-back guarantee for all instruments in original condition." },
|
||||
{ id: "3", title: "Can I test instruments in person?", content: "Absolutely! We encourage all our local customers to come visit the store and play our instruments before they buy." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about purchasing, servicing, and maintaining your new instrument."
|
||||
@@ -231,18 +132,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to find your sound? Visit our shop or reach out for expert advice on choosing the perfect instrument."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Get Directions", href: "#" },
|
||||
{ text: "Contact Support", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,37 +146,17 @@ export default function LandingPage() {
|
||||
logoText="Harmony Strings"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Contact", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Shipping",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
title: "Support", items: [
|
||||
{ label: "Shipping", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user