From 060d019cb625ed0121d48a3a388453844a92ef41 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 06:37:00 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 174 ++++++++++------------------------------------- 1 file changed, 36 insertions(+), 138 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 45ed2af..95f8159 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -74,7 +74,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="mediumLarge" sizing="mediumLarge" - background="noise" + background="circleGradient" cardStyle="glass-depth" primaryButtonStyle="double-inset" secondaryButtonStyle="radial-glow" @@ -88,9 +88,7 @@ export default function HomePage() { id: item.id, }))} button={{ - text: "Discover Your Gear", - href: "#products", - }} + text: "Discover Your Gear", href: "#products"}} /> @@ -101,18 +99,14 @@ export default function HomePage() { tag="Premium Boutique Gear" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "sparkles-gradient" }} imageSrc="http://img.b2bpic.net/free-photo/black-electric-guitar-speaker-closeup-guitar-amplifier-musical-equipment_169016-51155.jpg" imageAlt="Premium boutique guitar amplifier" buttons={[ { - text: "Discover Your Gear", - href: "#products", - }, + text: "Discover Your Gear", href: "#products"}, { - text: "View Specifications", - href: "/products", - }, + text: "View Specifications", href: "/products"}, ]} buttonAnimation="slide-up" /> @@ -126,53 +120,17 @@ export default function HomePage() { tagIcon={Zap} products={[ { - id: "eclipse-motion-pro", - name: "Eclipse Motion Pro Amplifier", - price: "$3,450", - variant: "50W Class A · Hand-wired", - imageSrc: "http://img.b2bpic.net/free-photo/view-equipment-musical-instruments-store_23-2150779974.jpg?_wi=1", - imageAlt: "Eclipse Motion Pro Amplifier", - }, + id: "eclipse-motion-pro", name: "Eclipse Motion Pro Amplifier", price: "$3,450", variant: "50W Class A · Hand-wired", imageSrc: "http://img.b2bpic.net/free-photo/view-equipment-musical-instruments-store_23-2150779974.jpg", imageAlt: "Eclipse Motion Pro Amplifier"}, { - id: "resonance-studio-combo", - name: "Resonance Studio Combo", - price: "$2,890", - variant: "30W Combo · Vintage Tone Stack", - imageSrc: "http://img.b2bpic.net/free-photo/black-electric-guitar-speaker-closeup-guitar-amplifier-musical-equipment_169016-51713.jpg?_wi=1", - imageAlt: "Resonance Studio Combo", - }, + id: "resonance-studio-combo", name: "Resonance Studio Combo", price: "$2,890", variant: "30W Combo · Vintage Tone Stack", imageSrc: "http://img.b2bpic.net/free-photo/black-electric-guitar-speaker-closeup-guitar-amplifier-musical-equipment_169016-51713.jpg", imageAlt: "Resonance Studio Combo"}, { - id: "nexus-fx-processor", - name: "Nexus FX Processor", - price: "$1,795", - variant: "Multi-Effects · 256 Algorithms", - imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg?_wi=1", - imageAlt: "Nexus FX Processor", - }, + id: "nexus-fx-processor", name: "Nexus FX Processor", price: "$1,795", variant: "Multi-Effects · 256 Algorithms", imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg", imageAlt: "Nexus FX Processor"}, { - id: "harmony-effects-suite", - name: "Harmony Effects Suite", - price: "$2,145", - variant: "Pedalboard · 8 Modules", - imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg?_wi=2", - imageAlt: "Harmony Effects Suite", - }, + id: "harmony-effects-suite", name: "Harmony Effects Suite", price: "$2,145", variant: "Pedalboard · 8 Modules", imageSrc: "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg", imageAlt: "Harmony Effects Suite"}, { - id: "apex-digital-engine", - name: "Apex Digital Engine", - price: "$1,650", - variant: "Compact Pedalboard · 512MB Memory", - imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-5.jpg?_wi=1", - imageAlt: "Apex Digital Engine", - }, + id: "apex-digital-engine", name: "Apex Digital Engine", price: "$1,650", variant: "Compact Pedalboard · 512MB Memory", imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-5.jpg", imageAlt: "Apex Digital Engine"}, { - id: "vintage-tube-amp", - name: "Vintage Tube Amplifier", - price: "$4,200", - variant: "60W Tube · Limited Edition", - imageSrc: "http://img.b2bpic.net/free-photo/view-equipment-musical-instruments-store_23-2150779974.jpg?_wi=2", - imageAlt: "Vintage Tube Amplifier", - }, + id: "vintage-tube-amp", name: "Vintage Tube Amplifier", price: "$4,200", variant: "60W Tube · Limited Edition", imageSrc: "http://img.b2bpic.net/free-photo/view-equipment-musical-instruments-store_23-2150779974.jpg", imageAlt: "Vintage Tube Amplifier"}, ]} textboxLayout="default" useInvertedBackground={false} @@ -192,9 +150,10 @@ export default function HomePage() { { value: "1000+", title: "Professional Musicians Trust Us" }, { value: "25+", title: "Years of Handcrafted Excellence" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025954.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025954.jpg" imageAlt="Handcrafted gear manufacturing process" mediaAnimation="slide-up" + metricsAnimation="slide-up" useInvertedBackground={false} /> @@ -207,37 +166,17 @@ export default function HomePage() { tagIcon={Zap} features={[ { - id: "sound-quality", - title: "Uncompromising Sound Quality", - description: - "Hand-tuned circuits and premium components deliver tonal depth and responsiveness that transforms your playing. Each amplifier is individually tested to ensure perfect sonic character.", - imageSrc: "http://img.b2bpic.net/free-vector/abstract-website-landing-page-with-colourful-sound-waves-design_1048-14330.jpg?_wi=1", - imageAlt: "Sound quality visualization", - }, + id: "sound-quality", title: "Uncompromising Sound Quality", description: + "Hand-tuned circuits and premium components deliver tonal depth and responsiveness that transforms your playing. Each amplifier is individually tested to ensure perfect sonic character.", imageSrc: "http://img.b2bpic.net/free-vector/abstract-website-landing-page-with-colourful-sound-waves-design_1048-14330.jpg", imageAlt: "Sound quality visualization"}, { - id: "craftsmanship", - title: "Artisanal Craftsmanship", - description: - "Every unit is hand-assembled by experienced technicians with decades of combined expertise. We use traditional techniques combined with modern precision engineering for consistency and reliability.", - imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025954.jpg?_wi=2", - imageAlt: "Artisan craftsmanship in action", - }, + id: "craftsmanship", title: "Artisanal Craftsmanship", description: + "Every unit is hand-assembled by experienced technicians with decades of combined expertise. We use traditional techniques combined with modern precision engineering for consistency and reliability.", imageSrc: "http://img.b2bpic.net/free-photo/jewelry-maker-working-alone-atelier_23-2149025954.jpg", imageAlt: "Artisan craftsmanship in action"}, { - id: "exclusivity", - title: "Limited Exclusivity", - description: - "Each model is produced in strictly limited quantities to maintain exclusivity and ensure personalized attention. No mass production—just pure artisanal quality for discerning professionals.", - imageSrc: "http://img.b2bpic.net/free-vector/deluxe-banners_23-2147507238.jpg?_wi=1", - imageAlt: "Premium limited edition gear", - }, + id: "exclusivity", title: "Limited Exclusivity", description: + "Each model is produced in strictly limited quantities to maintain exclusivity and ensure personalized attention. No mass production—just pure artisanal quality for discerning professionals.", imageSrc: "http://img.b2bpic.net/free-vector/deluxe-banners_23-2147507238.jpg", imageAlt: "Premium limited edition gear"}, { - id: "specifications", - title: "Technical Excellence", - description: - "Detailed specifications and interactive demos help you compare models and find the perfect fit. Our specification library provides transparent technical documentation for every product.", - imageSrc: "http://img.b2bpic.net/free-photo/electric-radio-elements-printed-old-vintage-paper-as-background-education-electricity-industries-repair-footage-etc-selective-focus-with-depth-field_211682-173.jpg?_wi=1", - imageAlt: "Technical specifications interface", - }, + id: "specifications", title: "Technical Excellence", description: + "Detailed specifications and interactive demos help you compare models and find the perfect fit. Our specification library provides transparent technical documentation for every product.", imageSrc: "http://img.b2bpic.net/free-photo/electric-radio-elements-printed-old-vintage-paper-as-background-education-electricity-industries-repair-footage-etc-selective-focus-with-depth-field_211682-173.jpg", imageAlt: "Technical specifications interface"}, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" @@ -254,59 +193,23 @@ export default function HomePage() { tagIcon={Quote} testimonials={[ { - id: "1", - name: "Marcus Sterling", - role: "Recording Artist & Producer", - testimonial: - "The Eclipse Motion Pro completely transformed my studio sessions. The tonal complexity and responsiveness is unmatched. This is the amplifier every serious recording engineer should own.", - imageSrc: "http://img.b2bpic.net/free-photo/friendly-guitarist_23-2147624332.jpg?_wi=1", - imageAlt: "Marcus Sterling portrait", - }, + id: "1", name: "Marcus Sterling", role: "Recording Artist & Producer", testimonial: + "The Eclipse Motion Pro completely transformed my studio sessions. The tonal complexity and responsiveness is unmatched. This is the amplifier every serious recording engineer should own.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-guitarist_23-2147624332.jpg", imageAlt: "Marcus Sterling portrait"}, { - id: "2", - name: "Jennifer Walsh", - role: "Touring Guitarist", - testimonial: - "I've been through dozens of amps over my 20-year career. Nothing compares to the craftsmanship and reliability of Boutique Tone gear. It's literally on every major stage I perform.", - imageSrc: "http://img.b2bpic.net/free-photo/songwriter-composing-new-song-acoustic-guitar-home-studio_482257-83330.jpg?_wi=1", - imageAlt: "Jennifer Walsh portrait", - }, + id: "2", name: "Jennifer Walsh", role: "Touring Guitarist", testimonial: + "I've been through dozens of amps over my 20-year career. Nothing compares to the craftsmanship and reliability of Boutique Tone gear. It's literally on every major stage I perform.", imageSrc: "http://img.b2bpic.net/free-photo/songwriter-composing-new-song-acoustic-guitar-home-studio_482257-83330.jpg", imageAlt: "Jennifer Walsh portrait"}, { - id: "3", - name: "David Chen", - role: "Studio Owner", - testimonial: - "Investing in Boutique Tone equipment elevated our studio's capabilities. Clients immediately hear the difference in their recordings. These amplifiers are that good.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206741.jpg?_wi=1", - imageAlt: "David Chen portrait", - }, + id: "3", name: "David Chen", role: "Studio Owner", testimonial: + "Investing in Boutique Tone equipment elevated our studio's capabilities. Clients immediately hear the difference in their recordings. These amplifiers are that good.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206741.jpg", imageAlt: "David Chen portrait"}, { - id: "4", - name: "Amy Rodriguez", - role: "Concert Touring Musician", - testimonial: - "The Nexus FX Processor is my secret weapon on stage. The multi-effects clarity and integration with my amp is seamless. Professional gear for professional performances.", - imageSrc: "http://img.b2bpic.net/free-photo/female-rock-star-singing-heavy-metal-song-while-playing-her-guitar-music-performance_482257-133373.jpg?_wi=1", - imageAlt: "Amy Rodriguez portrait", - }, + id: "4", name: "Amy Rodriguez", role: "Concert Touring Musician", testimonial: + "The Nexus FX Processor is my secret weapon on stage. The multi-effects clarity and integration with my amp is seamless. Professional gear for professional performances.", imageSrc: "http://img.b2bpic.net/free-photo/female-rock-star-singing-heavy-metal-song-while-playing-her-guitar-music-performance_482257-133373.jpg", imageAlt: "Amy Rodriguez portrait"}, { - id: "5", - name: "Thomas Mitchell", - role: "Music Educator", - testimonial: - "I recommend Boutique Tone to all my advanced students. The gear teaches them what real craftsmanship sounds like. That's invaluable for developing their ear.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-playing-guitar_23-2148845373.jpg?_wi=1", - imageAlt: "Thomas Mitchell portrait", - }, + id: "5", name: "Thomas Mitchell", role: "Music Educator", testimonial: + "I recommend Boutique Tone to all my advanced students. The gear teaches them what real craftsmanship sounds like. That's invaluable for developing their ear.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-playing-guitar_23-2148845373.jpg", imageAlt: "Thomas Mitchell portrait"}, { - id: "6", - name: "Sophie Laurent", - role: "Session Guitarist", - testimonial: - "From indie rock to film scoring, Boutique Tone gear handles every genre with precision and character. I trust it for my most important sessions.", - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206741.jpg?_wi=2", - imageAlt: "Sophie Laurent portrait", - }, + id: "6", name: "Sophie Laurent", role: "Session Guitarist", testimonial: + "From indie rock to film scoring, Boutique Tone gear handles every genre with precision and character. I trust it for my most important sessions.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-musician-wearing-headphones_23-2150206741.jpg", imageAlt: "Sophie Laurent portrait"}, ]} animationType="slide-up" textboxLayout="default" @@ -320,16 +223,11 @@ export default function HomePage() { title="Trusted by Industry Leaders" description="Featured in professional studios, touring rigs, and recording facilities worldwide" tag="Partnership" + names={["Fender", "Marshall", "Boss", "Mesa Boogie", "Elektron", "Strymon"]} textboxLayout="default" useInvertedBackground={false} logos={[ - "http://img.b2bpic.net/free-vector/pack-four-guitar-logos-realistic-design_23-2147622725.jpg", - "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51227.jpg", - "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg", - "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51227.jpg", - "http://img.b2bpic.net/free-photo/group-people-sound-mixer-station_53876-47001.jpg", - "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg", - ]} + "http://img.b2bpic.net/free-vector/pack-four-guitar-logos-realistic-design_23-2147622725.jpg", "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51227.jpg", "http://img.b2bpic.net/free-photo/grayscale-shot-drum-pad-machine-beats-sound-design-wooden-table_181624-58461.jpg", "http://img.b2bpic.net/free-photo/square-music-speaker-control-knobs-closeup-details_169016-51227.jpg", "http://img.b2bpic.net/free-photo/group-people-sound-mixer-station_53876-47001.jpg", "http://img.b2bpic.net/free-photo/digital-mixer-recording-studio-with-computer-recording-sounds-music-concept-creativity-show-business_169016-2284.jpg"]} speed={40} showCard={true} /> @@ -343,7 +241,7 @@ export default function HomePage() { description="Subscribe to our newsletter for exclusive gear releases, audio demos, technical insights, and special offers reserved only for our community members." background={{ variant: "sparkles-gradient" }} useInvertedBackground={false} - imageSrc="http://img.b2bpic.net/free-photo/online-music-laptop_53876-94893.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/online-music-laptop_53876-94893.jpg" imageAlt="Boutique Tone community newsletter" mediaAnimation="slide-up" mediaPosition="right"