bender/938e808f-c124-4c41-bba0-ac73dc3c9cae
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:main
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

7 Commits
version_1 ... main

Author SHA1 Message Date
bender
5ebbb302ab Merge version_3 into main 
Merge version_3 into main
 2026-03-04 21:09:44 +00:00
bender
fef00d511c Update src/app/page.tsx 2026-03-04 21:09:40 +00:00
bender
7e36d1f1d0 Update src/app/layout.tsx 2026-03-04 21:09:39 +00:00
bender
2f6a0a23f1 Merge version_2 into main 
Merge version_2 into main
 2026-03-04 21:08:03 +00:00
bender
085cd32e2a Update src/app/page.tsx 2026-03-04 21:07:59 +00:00
bender
d34d5a51df Update src/app/layout.tsx 2026-03-04 21:07:58 +00:00
bender
5ff2a908ee Merge version_1 into main 
Merge version_1 into main
 2026-03-04 21:01:59 +00:00
2 changed files with 39 additions and 49 deletions
Expand all files Collapse all files

38
src/app/layout.tsx
View File

@@ -1,45 +1,20 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "SB Studio | Professional Recording Studio", description: "Book premium audio recording sessions with professional-grade equipment and expert engineers. Easy online booking with $50 deposit.", keywords: "recording studio, audio recording, professional recording, music production, voiceover recording, podcast studio", openGraph: {
title: "SB Studio | Professional Recording Studio", description: "Book premium audio recording sessions with professional-grade equipment and expert engineers.", siteName: "SB Studio", type: "website"},
twitter: {
card: "summary_large_image", title: "SB Studio | Professional Recording Studio", description: "Book premium audio recording sessions with professional-grade equipment and expert engineers."},
};
title: "SB Studio - Professional Recording Studio", description: "Book premium audio recording sessions with state-of-the-art equipment and experienced sound engineers."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1407,7 +1382,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

50
src/app/page.tsx
View File

@@ -50,7 +50,7 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/diverse-people-processing-mixing-sounds-audio-console_482257-122250.jpg"
imageAlt="recording studio audio professional music production"
buttons={[
{ text: "Book a Session", href: "#booking" },
{ text: "Book Now – Limited Slots", href: "#booking" },
{ text: "Learn More", href: "#about" },
]}
/>
@@ -111,16 +111,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic", tag: "Basic Session", price: "$150", period: "/hour", description: "Perfect for voiceovers and solo recordings. Includes engineer and basic editing.", button: { text: "Book Session", href: "#booking" }, featuresTitle: "What's Included:", features: [
"1 hour studio time", "Professional engineer", "Basic editing", "File delivery"],
id: "basic", tag: "Basic Session", price: "$150", period: "/hour", description: "Perfect for voiceovers and solo recordings. Includes engineer and basic editing.", button: { text: "Book Session", href: "#booking" },
featuresTitle: "What's Included:", features: [
"1 hour studio time", "Professional engineer", "Basic editing", "File delivery"
],
},
{
id: "pro", tag: "Pro Session", price: "$250", period: "/hour", description: "Ideal for bands and complex productions. Full mixing included.", button: { text: "Book Session", href: "#booking" }, featuresTitle: "What's Included:", features: [
"1 hour studio time", "Professional engineer", "Full mixing", "Multiple instrument setup", "High-quality file delivery"],
id: "pro", tag: "Pro Session", price: "$250", period: "/hour", description: "Ideal for bands and complex productions. Full mixing included.", button: { text: "Book Session", href: "#booking" },
featuresTitle: "What's Included:", features: [
"1 hour studio time", "Professional engineer", "Full mixing", "Multiple instrument setup", "High-quality file delivery"
],
},
{
id: "premium", tag: "Premium Package", price: "$1,200", period: "/day", description: "Full-day recording with mastering services. Maximum flexibility and quality.", button: { text: "Book Session", href: "#booking" }, featuresTitle: "What's Included:", features: [
"8-hour studio access", "Experienced engineer", "Full mixing and mastering", "Multiple room access", "Equipment consultation", "Professional master files"],
id: "premium", tag: "Premium Package", price: "$1,200", period: "/day", description: "Full-day recording with mastering services. Maximum flexibility and quality.", button: { text: "Book Session", href: "#booking" },
featuresTitle: "What's Included:", features: [
"8-hour studio access", "Experienced engineer", "Full mixing and mastering", "Multiple room access", "Equipment consultation", "Professional master files"
],
},
]}
/>
@@ -133,13 +139,17 @@ export default function LandingPage() {
author="Marcus Chen, Artist"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"},
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"},
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"},
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"
},
{
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"},
src: "http://img.b2bpic.net/free-photo/portrait-pensive-bearded-hipster-jacket-red-sweater-dark-background_613910-1834.jpg", alt: "professional portrait headshot musician artist"
},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -151,17 +161,23 @@ export default function LandingPage() {
<ContactFaq
faqs={[
{
id: "1", title: "How do I book a session?", content: "Browse our available time slots above, select your preferred date and time, and follow the booking process. A $50 deposit is required to confirm your reservation. Contact us if you need assistance."},
id: "1", title: "How do I book a session?", content: "Browse our available time slots above, select your preferred date and time, and follow the booking process. A $50 deposit is required to confirm your reservation. Contact us if you need assistance."
},
{
id: "2", title: "Can I edit available booking times?", content: "Yes! Studio administrators can log into the backend dashboard to add, remove, or modify available booking slots based on studio schedules and maintenance needs."},
id: "2", title: "Can I edit available booking times?", content: "Yes! Studio administrators can log into the backend dashboard to add, remove, or modify available booking slots based on studio schedules and maintenance needs."
},
{
id: "3", title: "What is the deposit policy?", content: "A $50 deposit is required to secure your booking. This deposit is applied toward your final session cost and is refundable with 48 hours notice."},
id: "3", title: "What is the deposit policy?", content: "A $50 deposit is required to secure your booking. This deposit is applied toward your final session cost and is refundable with 48 hours notice."
},
{
id: "4", title: "Do you offer package deals?", content: "Yes! We offer Basic, Pro, and Premium packages with different pricing and features. Multi-session bookings may qualify for discounted rates. Contact us for custom pricing."},
id: "4", title: "Do you offer package deals?", content: "Yes! We offer Basic, Pro, and Premium packages with different pricing and features. Multi-session bookings may qualify for discounted rates. Contact us for custom pricing."
},
{
id: "5", title: "What equipment do you have?", content: "We feature professional-grade microphones, mixing consoles, outboard gear, and acoustic treatments. Our two studios accommodate different project sizes and requirements."},
id: "5", title: "What equipment do you have?", content: "We feature professional-grade microphones, mixing consoles, outboard gear, and acoustic treatments. Our two studios accommodate different project sizes and requirements."
},
{
id: "6", title: "Can I reschedule my booking?", content: "Absolutely. Contact us at least 48 hours before your session to reschedule. Subject to availability, we'll find you a new time slot with no additional charges."},
id: "6", title: "Can I reschedule my booking?", content: "Absolutely. Contact us at least 48 hours before your session to reschedule. Subject to availability, we'll find you a new time slot with no additional charges."
},
]}
ctaTitle="Get in Touch"
ctaDescription="Ready to book your session? Contact us to reserve your time slot and discuss your project requirements."