bender/b1404501-cd82-4791-9d0c-dfd99bdb59f9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 06:37:00 +00:00
parent e63db1b0ad
commit 060d019cb6
1 changed files with 36 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
src/app/page.tsx
View File

@@ -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"}}
/>
</div>
@@ -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}
/>
</div>
@@ -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"