Merge version_2 into main #5

Merged
bender merged 3 commits from version_2 into main 2026-03-05 08:03:36 +00:00
3 changed files with 127 additions and 164 deletions

View File

@@ -1,57 +1,22 @@
import type { Metadata } from "next";
import { Halant } from "next/font/google";
import { Inter } from "next/font/google";
import { Figtree } from "next/font/google";
import { DM_Sans } 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 figtree = Figtree({
variable: "--font-figtree", subsets: ["latin"],
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Sitara Studio | Premium Movie & Photo Studio in Mumbai", description: "Professional studio rental in Parel, Mumbai. Trusted by filmmakers, photographers, and content creators. Book your shoot today with flexible rates and world-class equipment.", keywords: "studio rental Mumbai, photo studio, video production studio, filmmaking studio, Parel studio, professional photography space, music video studio", metadataBase: new URL("https://sitarastudio.com"),
alternates: {
canonical: "https://sitarastudio.com"},
openGraph: {
title: "Sitara Studio | Premium Movie & Photo Studio in Mumbai", description: "Professional studio rental in Parel, Mumbai. Trusted by 500+ clients for photoshoots, video production, and content creation.", url: "https://sitarastudio.com", siteName: "Sitara Studio", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg", alt: "Sitara Studio professional setup"},
],
},
twitter: {
card: "summary_large_image", title: "Sitara Studio | Premium Movie & Photo Studio in Mumbai", description: "Professional studio rental in Parel, Mumbai. Trusted by filmmakers and photographers.", images: ["http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg"],
},
robots: {
index: true,
follow: true,
},
};
title: "The PC Wale - Custom Gaming PCs & Editing Builds", description: "Build your dream PC with The PC Wale. Custom gaming PCs, editing workstations, and budget builds optimized for performance. Call 7800333220 for consultation."};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body className={dmSans.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1419,7 +1384,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -9,234 +9,233 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Image, Star, CheckCircle, ArrowRight, Camera, Video, Mic, Film, Radio } from "lucide-react";
import { Zap, Cpu, Monitor, HardDrive, Gamepad2, Star, CheckCircle, Smartphone, Code } from "lucide-react";
export default function SitaraStudioPage() {
export default function ThePCWalePage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSmall"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
background="noiseDiagonalGradient"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sitara Studio"
brandName="The PC Wale"
navItems={[
{ name: "Gallery", id: "gallery" },
{ name: "Features", id: "features" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Services", id: "services" },
{ name: "Parts", id: "parts" },
{ name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" },
]}
button={{
text: "Call Now", href: "tel:+919876543210"
text: "Call Now: 7800333220", href: "tel:7800333220"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardDashboard
title="Studio for Professional Shoots in Mumbai"
description="Premium shooting space trusted by filmmakers, photographers, and creators across Mumbai. Book your shoot today with flexible rates and prime Parel location."
tag="Mumbai's Premier Studio"
tagIcon={Sparkles}
title="Build Your Dream PC"
description="Custom Gaming PCs, Editing PCs & Powerful Workstations."
tag="Premium PC Builds"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Call Now to Book", href: "tel:+919876543210"
text: "Call Now: 7800333220", href: "tel:7800333220"
},
{
text: "Book Studio", href: "#contact"
text: "Get Custom PC Build", href: "#contact"
},
]}
buttonAnimation="slide-up"
background={{ variant: "plain" }}
background={{ variant: "rotated-rays-animated-grid" }}
dashboard={{
title: "Studio Booking Stats", logoIcon: Camera,
imageSrc: "http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=1", imageAlt: "Professional studio setup", buttons: [
title: "PC Build Stats", logoIcon: Cpu,
imageSrc: "https://images.unsplash.com/photo-1587829191301-4cd02158139f?w=1200&h=600&fit=crop", imageAlt: "Professional gaming PC setup with RGB lighting", buttons: [
{
text: "WhatsApp", href: "https://wa.me/919876543210"
text: "WhatsApp", href: "https://wa.me/917800333220"
},
{
text: "View Gallery", href: "#gallery"
},
],
sidebarItems: [
{ icon: Camera, active: true },
{ icon: Video, active: false },
{ icon: Mic, active: false },
{ icon: Gamepad2, active: true },
{ icon: Code, active: false },
{ icon: Monitor, active: false },
],
stats: [
{
title: "Rating", values: [5, 4.9, 5],
title: "Rating", values: [4.8, 4.9, 5],
description: "Stars verified reviews"
},
{
title: "Bookings", values: [130, 150, 180],
valuePrefix: "", description: "Reviews by clients"
title: "Builds", values: [200, 250, 300],
valuePrefix: "", description: "Custom PCs delivered"
},
{
title: "Daily", values: [9, 10, 11],
valuePrefix: "", description: "Opens daily"
title: "Expertise", values: [8, 9, 10],
valuePrefix: "", description: "Years in business"
},
],
chartTitle: "Monthly Utilization", chartData: [
{ value: 75 },
chartTitle: "Monthly Build Orders", chartData: [
{ value: 65 },
{ value: 78 },
{ value: 92 },
{ value: 85 },
{ value: 90 },
{ value: 70 },
{ value: 95 },
{ value: 100 },
],
listTitle: "Popular Shoot Types", listItems: [
listTitle: "Popular Builds", listItems: [
{
icon: Film,
title: "Music Videos", status: "High Demand"
icon: Gamepad2,
title: "Gaming PCs", status: "Most Popular"
},
{
icon: Image,
title: "Fashion Shoots", status: "Premium"
icon: Code,
title: "Editing Workstations", status: "Premium"
},
{
icon: Radio,
title: "Podcasts", status: "Flexible"
icon: Monitor,
title: "Budget Builds", status: "Affordable"
},
],
searchPlaceholder: "Search shoot types..."
searchPlaceholder: "Search PC builds..."
}}
/>
</div>
<div id="gallery" data-section="gallery">
<div id="services" data-section="services">
<FeatureCardTwentySix
title="Studio Versatility Showcase"
description="From photoshoots to blockbuster productions, see how Sitara Studio transforms creative visions into reality"
tag="Gallery"
tagIcon={Image}
title="PC Build Services"
description="Professional custom PC builds optimized for gaming, video editing, and high-performance workstations"
tag="Our Services"
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
title: "Fashion Photography", description: "Professional lighting and styling spaces for premium brand campaigns", imageSrc: "http://img.b2bpic.net/free-photo/selfconfident-young-calm-woman-stylish-black-silk-home-suit-looks-into-window-stands-cozy-l_197531-33674.jpg", imageAlt: "Fashion photography setup", buttonIcon: ArrowRight,
title: "Gaming PC Builds", description: "High-performance PCs designed for modern gaming with RTX 40 series and latest processors", imageSrc: "https://images.unsplash.com/photo-1596394516093-501ba68352ba?w=600&h=400&fit=crop", imageAlt: "Gaming PC with RGB lighting", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Video Production", description: "State-of-the-art cinema equipment for commercials and short films", imageSrc: "http://img.b2bpic.net/free-photo/professional-cameraman-recording-poeple-watching-football-public-place-night_1268-18138.jpg", imageAlt: "Video production studio", buttonIcon: ArrowRight,
title: "Video Editing PCs", description: "Powerful builds optimized for 4K editing, rendering, and content creation workflows", imageSrc: "https://images.unsplash.com/photo-1552820728-8ac41f1ce891?w=600&h=400&fit=crop", imageAlt: "Video editing workstation setup", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Music Videos", description: "Creative sets with dynamic lighting for music video productions", imageSrc: "http://img.b2bpic.net/free-photo/group-people-sound-mixer-station_53876-47001.jpg", imageAlt: "Music video production", buttonIcon: ArrowRight,
title: "Budget PC Builds", description: "Affordable builds for beginners and students starting their PC gaming journey", imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=400&fit=crop", imageAlt: "Budget-friendly PC build", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
{
title: "Podcast Recording", description: "Acoustically treated spaces perfect for content creators and broadcasters", imageSrc: "http://img.b2bpic.net/free-photo/influencer-using-camera-record-vlog_482257-81858.jpg", imageAlt: "Podcast recording studio", buttonIcon: ArrowRight,
title: "High-End Workstations", description: "Professional PCs for developers, 3D artists, and creators requiring maximum performance", imageSrc: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=600&h=400&fit=crop", imageAlt: "Professional workstation setup", buttonIcon: CheckCircle,
buttonHref: "#contact"
},
]}
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
/>
</div>
<div id="features" data-section="features">
<div id="parts" data-section="parts">
<MetricSplitMediaAbout
title="Why Choose Sitara Studio"
description="Premium shooting facilities in the heart of Parel with world-class equipment, professional support, and flexible booking options designed for filmmakers, photographers, and content creators."
tag="Studio Features"
tagIcon={Star}
title="Premium PC Components"
description="We source and assemble the best PC parts including graphics cards, processors, RAM, SSDs, motherboards, and power supplies for optimal performance"
tag="PC Components"
tagIcon={HardDrive}
tagAnimation="slide-up"
metrics={[
{
value: "24/7", title: "Availability & Support"
value: "RTX 4090", title: "Latest GPUs"
},
{
value: "Parel", title: "Prime Mumbai Location"
value: "DDR5", title: "Ultra-Fast RAM"
},
]}
imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=2"
imageAlt="Studio interior features"
imageSrc="https://images.unsplash.com/photo-1585164921881-8de186e61e58?w=600&h=600&fit=crop", imageAlt: "PC components and hardware"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="social-proof" data-section="social-proof">
<div id="gallery" data-section="gallery">
<SocialProofOne
title="Trusted by Industry Leaders"
description="Join filmmakers, photographers, and brands who rely on Sitara Studio for their most important projects"
tag="Social Proof"
title="Trusted by Tech Enthusiasts"
description="Join gamers, creators, and professionals who rely on The PC Wale for their custom PC builds"
tag="Community"
tagIcon={CheckCircle}
tagAnimation="slide-up"
names={[
"Netflix Productions", "Amazon Prime Video", "YouTube Creators", "Fashion Brands", "Independent Filmmakers", "Music Labels", "Ad Agencies", "Podcast Networks"
"Gaming Streamers", "YouTubers", "Video Editors", "Game Developers", "3D Artists", "Tech Reviewers", "Students", "Professional Studios"
]}
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
speed={45}
showCard={true}
/>
</div>
<div id="testimonials" data-section="testimonials">
<div id="reviews" data-section="reviews">
<TestimonialCardSixteen
title="What Our Clients Say"
description="Real reviews from filmmakers, photographers, and content creators who trust Sitara Studio for their productions"
description="Real reviews from gamers, creators, and professionals who transformed their setups with The PC Wale"
tag="5-Star Reviews"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
{
id: "1", name: "Rajesh Kumar", role: "Film Director", company: "Kumar Productions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW7mbLxnimWMPDlENQMTzRQM9G/uploaded-1772697649455-yj6x5s0z.png", imageAlt: "filmmaker director portrait professional headshot"
id: "1", name: "Arjun Verma", role: "Gaming Streamer", company: "Verma Gaming", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop", imageAlt: "Gaming streamer portrait"
},
{
id: "2", name: "Priya Sharma", role: "Fashion Photographer", company: "Sharma Photography", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW7mbLxnimWMPDlENQMTzRQM9G/uploaded-1772697661676-718id78t.png", imageAlt: "photographer professional portrait creative headshot"
id: "2", name: "Priya Singh", role: "Video Editor", company: "Creative Studios India", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop", imageAlt: "Video editor portrait"
},
{
id: "3", name: "Arjun Malhotra", role: "YouTuber & Creator", company: "Creative Hub Media", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW7mbLxnimWMPDlENQMTzRQM9G/uploaded-1772697677218-jq9fbjah.png", imageAlt: "content creator YouTuber portrait creative headshot"
id: "3", name: "Rohit Kumar", role: "Game Developer", company: "Indie Dev Studio", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop", imageAlt: "Developer portrait"
},
{
id: "4", name: "Neha Gupta", role: "Brand Manager", company: "Luxury Brands India", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW7mbLxnimWMPDlENQMTzRQM9G/uploaded-1772697697689-6nr1xx4h.png", imageAlt: "brand professional portrait corporate headshot"
id: "4", name: "Sneha Desai", role: "3D Artist", company: "Animation House", rating: 5,
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "3D artist portrait"
},
]}
kpiItems={[
{
value: "130+", label: "Verified Reviews"
value: "500+", label: "Custom Builds"
},
{
value: "4.9", label: "Average Rating"
},
{
value: "500+", label: "Happy Clients"
value: "1000+", label: "Happy Clients"
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
/>
</div>
<div id="contact-cta" data-section="contact-cta">
<ContactText
text="Ready to bring your creative vision to life? Book your shoot at Sitara Studio today and experience premium production facilities with flexible rates."
text="Ready to build your dream PC? Get in touch with The PC Wale today for a custom PC build recommendation tailored to your needs and budget."
animationType="entrance-slide"
buttons={[
{
text: "Book Now", href: "#contact"
text: "Call Now: 7800333220", href: "tel:7800333220"
},
{
text: "WhatsApp Us", href: "https://wa.me/919876543210"
text: "WhatsApp Us", href: "https://wa.me/917800333220"
},
]}
background={{ variant: "plain" }}
background={{ variant: "rotated-rays-static-grid" }}
useInvertedBackground={false}
/>
</div>
@@ -245,60 +244,60 @@ export default function SitaraStudioPage() {
<FooterSimple
columns={[
{
title: "Studio", items: [
title: "Services", items: [
{
label: "About Us", href: "#about"
label: "Gaming PCs", href: "#services"
},
{
label: "Gallery", href: "#gallery"
label: "Editing Builds", href: "#services"
},
{
label: "Features", href: "#features"
label: "Workstations", href: "#services"
},
],
},
{
title: "Components", items: [
{
label: "Graphics Cards", href: "#parts"
},
{
label: "Processors", href: "#parts"
},
{
label: "Motherboards", href: "#parts"
},
],
},
{
title: "Contact", items: [
{
label: "Call: +91-9876-543-210", href: "tel:+919876543210"
label: "Call: 7800333220", href: "tel:7800333220"
},
{
label: "WhatsApp: +91-9876-543-210", href: "https://wa.me/919876543210"
label: "WhatsApp", href: "https://wa.me/917800333220"
},
{
label: "Parel, Mumbai", href: "#"
},
],
},
{
title: "Hours", items: [
{
label: "Open Daily", href: "#"
},
{
label: "Closes 7 PM", href: "#"
},
{
label: "Flexible Bookings", href: "#"
label: "Email Support", href: "mailto:support@thepcwale.com"
},
],
},
{
title: "Social", items: [
{
label: "YouTube", href: "https://youtube.com"
},
{
label: "Instagram", href: "https://instagram.com"
},
{
label: "Facebook", href: "https://facebook.com"
},
{
label: "YouTube", href: "https://youtube.com"
label: "Twitter", href: "https://twitter.com"
},
],
},
]}
bottomLeftText="© 2025 Sitara Studio. All rights reserved."
bottomRightText="Premium Studio Rental in Mumbai"
bottomLeftText="© 2025 The PC Wale. All rights reserved."
bottomRightText="Custom Gaming & Editing PCs"
/>
</div>
</ThemeProvider>

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #15479c;
--background: #0a0a0a;
--card: #1a1a1a;
--foreground: #ffffff;
--primary-cta: #00d4ff;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #1a1a1a;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #a100ff;
--background-accent: #00d4ff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);