bf6c2a6b-1fee-457b-9fa0-e43c83ea9882/src/app/bespoke/page.tsx

"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, MessageCircle, Palette, Hammer, Truck, Facebook, Instagram, Linkedin } from "lucide-react";

export default function BespokePage() {
  const navItems = [
    { name: "Bespoke Beds", id: "bespoke" },
    { name: "Ottoman Storage", id: "ottoman" },
    { name: "About", id: "about" },
    { name: "Reviews", id: "reviews" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Manchester Beds"
          navItems={navItems}
          button={{
            text: "Get a Quote",
            href: "#contact",
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Bespoke Beds Crafted to Your Specifications"
          description="Work directly with our master craftsmen to design a custom bed that fits your exact space, style, and budget. No compromises. No standard sizes. Just your perfect bed."
          tag="Custom Design"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/bedding-mattress-white-room-background_1203-4741.jpg?_wi=2"
          imageAlt="Luxury handcrafted bespoke bed"
          mediaAnimation="blur-reveal"
          buttons={[
            {
              text: "Start Your Design",
              href: "#final-cta",
            },
            {
              text: "View Gallery",
              href: "/",
            },
          ]}
          buttonAnimation="slide-up"
          testimonials={[
            {
              name: "Sarah Mitchell",
              handle: "Happy Customer",
              testimonial: "We sat down with the owner and discussed our ideas. After a quick sketch our custom bed was made perfectly.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150307065.jpg?_wi=2",
            },
            {
              name: "James Robinson",
              handle: "Long-term Customer",
              testimonial: "The mattress I bought 6 years ago is still in excellent condition. Exceptional quality.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg?_wi=2",
            },
            {
              name: "Emma Wilson",
              handle: "Satisfied Client",
              testimonial: "Great workmanship and lovely service. They really listen to what you want.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-caucasian-blonde-woman-looking-into-camera-barcelona-spain_1268-17992.jpg?_wi=2",
            },
            {
              name: "David Thompson",
              handle: "Value Customer",
              testimonial: "Very good quality and a fairer price than other luxury bed makers. Highly recommend.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg?_wi=2",
            },
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureBento
          title="The Bespoke Bed Process"
          description="From consultation to delivery, we handle every step with care and expertise"
          tag="How It Works"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          features={[
            {
              title: "1. Visit or Contact Us",
              description: "Discuss your bed design, size preferences, and budget with our experienced team",
              bentoComponent: "reveal-icon",
              icon: MessageCircle,
            },
            {
              title: "2. Choose Style & Fabric",
              description: "Select size, materials, colors, and all the details that make your bed unique",
              bentoComponent: "reveal-icon",
              icon: Palette,
            },
            {
              title: "3. Handcrafted in Manchester",
              description: "Your bed is made by expert upholsterers using only premium materials and solid workmanship",
              bentoComponent: "reveal-icon",
              icon: Hammer,
            },
            {
              title: "4. Delivery & Assembly",
              description: "We deliver and assemble your bespoke bed in your home with professional care",
              bentoComponent: "reveal-icon",
              icon: Truck,
            },
          ]}
        />
      </div>

      <div id="showroom" data-section="showroom">
        <TextSplitAbout
          title="Visit Our Denton Showroom"
          description={[
            "Experience our full range of handcrafted beds in person. Our showroom showcases velvet headboards, ottoman beds, custom upholstered pieces, and workshop craftsmanship.",
            "Unit 1C Phoenix House, Taylor Lane, Denton, Manchester M34 3NR",
            "Open Monday to Friday, 9 AM - 5 PM. Saturday by appointment.",
          ]}
          buttons={[
            {
              text: "Call Now",
              href: "tel:+447470939384",
            },
            {
              text: "Get Directions",
              href: "https://maps.google.com/?q=Unit+1C+Phoenix+House+Taylor+Lane+Denton+Manchester+M34+3NR",
            },
          ]}
          useInvertedBackground={true}
          showBorder={true}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Manchester Beds"
          copyrightText="© 2025 Manchester Beds & Upholstery. Handcrafted in Denton, Manchester."
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/manchesterbeds",
              ariaLabel: "Facebook",
            },
            {
              icon: Instagram,
              href: "https://instagram.com/manchesterbeds",
              ariaLabel: "Instagram",
            },
            {
              icon: Linkedin,
              href: "https://linkedin.com/company/manchester-beds",
              ariaLabel: "LinkedIn",
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}