147 lines
6.5 KiB
TypeScript
147 lines
6.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
|
import FaqBase from "@/components/sections/faq/FaqBase";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
|
import Link from "next/link";
|
|
import { Mail } from "lucide-react";
|
|
|
|
export default function ContactPage() {
|
|
const navItems = [
|
|
{ name: "Amplifiers", id: "products" },
|
|
{ name: "Effects Pedals", id: "products" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
items: [
|
|
{ label: "Amplifiers", href: "/products" },
|
|
{ label: "Effects Pedals", href: "/products" },
|
|
{ label: "Specifications", href: "/products" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Our Story", href: "/about" },
|
|
{ label: "Craftsmanship", href: "/about" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "/contact" },
|
|
{ label: "Support", href: "#faq" },
|
|
{ label: "Wholesale", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Warranty", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Facebook", href: "https://facebook.com" },
|
|
{ label: "YouTube", href: "https://youtube.com" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="circleGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Boutique Tone"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Discover Your Gear", href: "#products"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
title="Join the Boutique Tone Community"
|
|
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"
|
|
imageAlt="Boutique Tone community newsletter"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="your@email.com"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe anytime. No spam, just premium gear insights."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
title="Frequently Asked Questions"
|
|
description="Everything you need to know about our premium amplifiers and effects"
|
|
tag="Support"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "warranty", title: "What warranty coverage do Boutique Tone products include?", content:
|
|
"All Boutique Tone amplifiers and effects units come with a comprehensive 5-year manufacturer's warranty covering defects in materials and workmanship. We also offer optional lifetime coverage for registered products. Our warranty reflects our confidence in the quality and durability of every unit we produce."},
|
|
{
|
|
id: "customization", title: "Can I customize my amplifier or effects unit?", content:
|
|
"Absolutely. We offer extensive customization options including custom tolex colors, logo options, tube selections, and cabinet configurations. Contact our sales team at sales@boutiquetone.com to discuss your specific requirements. Custom orders typically have a 6-8 week lead time."},
|
|
{
|
|
id: "specifications", title: "Where can I find detailed technical specifications?", content:
|
|
"Comprehensive specifications for every product are available on our individual product pages. We provide frequency response charts, power ratings, tube configurations, dimensions, and weight information. We're transparent about our engineering—no hidden compromises."},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
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"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Boutique Tone"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |