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:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_1

6 Commits
version_1 ... version_3

Author SHA1 Message Date
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 type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google"; import { Inter } from "next/font/google";
import { Montserrat } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const inter = Inter({ subsets: ["latin"] });
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"],
});
export const metadata: Metadata = { 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 state-of-the-art equipment and experienced sound engineers."};
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."},
};
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: {
children: React.ReactNode; children: React.ReactNode;
}>) { }) {
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en">
<ServiceWrapper> <body className={inter.className}>{children}
<body
className={`${halant.variable} ${inter.variable} ${montserrat.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1407,7 +1382,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </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" imageSrc="http://img.b2bpic.net/free-photo/diverse-people-processing-mixing-sounds-audio-console_482257-122250.jpg"
imageAlt="recording studio audio professional music production" imageAlt="recording studio audio professional music production"
buttons={[ buttons={[
{ text: "Book a Session", href: "#booking" }, { text: "Book Now – Limited Slots", href: "#booking" },
{ text: "Learn More", href: "#about" }, { text: "Learn More", href: "#about" },
]} ]}
/> />
@@ -111,16 +111,22 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
plans={[ 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: [ 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" },
"1 hour studio time", "Professional engineer", "Basic editing", "File delivery"], 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: [ 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" },
"1 hour studio time", "Professional engineer", "Full mixing", "Multiple instrument setup", "High-quality file delivery"], 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: [ 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" },
"8-hour studio access", "Experienced engineer", "Full mixing and mastering", "Multiple room access", "Equipment consultation", "Professional master files"], 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" author="Marcus Chen, Artist"
avatars={[ 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" ratingAnimation="slide-up"
avatarsAnimation="slide-up" avatarsAnimation="slide-up"
@@ -151,17 +161,23 @@ export default function LandingPage() {
<ContactFaq <ContactFaq
faqs={[ 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" ctaTitle="Get in Touch"
ctaDescription="Ready to book your session? Contact us to reserve your time slot and discuss your project requirements." ctaDescription="Ready to book your session? Contact us to reserve your time slot and discuss your project requirements."