8 Commits

Author SHA1 Message Date
ceb1dfde29 Update src/app/page.tsx 2026-03-05 08:04:51 +00:00
f90ef572e1 Update src/app/styles/variables.css 2026-03-05 08:03:31 +00:00
12e3bdd257 Update src/app/page.tsx 2026-03-05 08:03:30 +00:00
4745736ce4 Update src/app/layout.tsx 2026-03-05 08:03:30 +00:00
4e20a15bfa Merge version_1 into main
Merge version_1 into main
2026-03-05 08:02:25 +00:00
f2860c7582 Merge version_1 into main
Merge version_1 into main
2026-03-05 07:47:45 +00:00
9bd0eaa3bf Merge version_1 into main
Merge version_1 into main
2026-03-05 07:47:00 +00:00
3d4b416495 Merge version_1 into main
Merge version_1 into main
2026-03-05 07:45:53 +00:00
3 changed files with 128 additions and 164 deletions

View File

@@ -1,57 +1,22 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Halant } from "next/font/google"; import { DM_Sans } from "next/font/google";
import { Inter } from "next/font/google";
import { Figtree } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const halant = Halant({ const dmSans = DM_Sans({
variable: "--font-halant", subsets: ["latin"], variable: "--font-dm-sans", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
const figtree = Figtree({
variable: "--font-figtree", subsets: ["latin"],
}); });
export const metadata: Metadata = { 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"), 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."};
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,
},
};
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={dmSans.variable}>{children}
<body
className={`${halant.variable} ${inter.variable} ${figtree.variable} antialiased`}
>
<Tag />
{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `
@@ -1419,7 +1384,6 @@ export default function RootLayout({
}} }}
/> />
</body> </body>
</ServiceWrapper>
</html> </html>
); );
} }

View File

@@ -9,234 +9,234 @@ import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen"; import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ContactText from "@/components/sections/contact/ContactText"; import ContactText from "@/components/sections/contact/ContactText";
import FooterSimple from "@/components/sections/footer/FooterSimple"; 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="entrance-slide"
borderRadius="soft" borderRadius="rounded"
contentWidth="mediumLarge" contentWidth="mediumLarge"
sizing="largeSmall" sizing="largeSmall"
background="circleGradient" background="noiseDiagonalGradient"
cardStyle="solid" cardStyle="glass-elevated"
primaryButtonStyle="diagonal-gradient" primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered" secondaryButtonStyle="glass"
headingFontWeight="extrabold" headingFontWeight="bold"
> >
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
brandName="Sitara Studio" brandName="The PC Wale"
navItems={[ navItems={[
{ name: "Gallery", id: "gallery" }, { name: "Services", id: "services" },
{ name: "Features", id: "features" }, { name: "Parts", id: "parts" },
{ name: "Testimonials", id: "testimonials" }, { name: "Reviews", id: "reviews" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" },
]} ]}
button={{ button={{
text: "Call Now", href: "tel:+919876543210" text: "Call Now: 7800333220", href: "tel:7800333220"
}} }}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardDashboard <HeroBillboardDashboard
title="Studio for Professional Shoots in Mumbai" title="Build Your Dream PC"
description="Premium shooting space trusted by filmmakers, photographers, and creators across Mumbai. Book your shoot today with flexible rates and prime Parel location." description="Custom Gaming PCs, Editing PCs & Powerful Workstations."
tag="Mumbai's Premier Studio" tag="Premium PC Builds"
tagIcon={Sparkles} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ 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" buttonAnimation="slide-up"
background={{ variant: "plain" }} background={{ variant: "rotated-rays-animated-grid" }}
dashboard={{ dashboard={{
title: "Studio Booking Stats", logoIcon: Camera, title: "PC Build Stats", logoIcon: Cpu,
imageSrc: "http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=1", imageAlt: "Professional studio setup", buttons: [ 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" text: "View Gallery", href: "#gallery"
}, },
], ],
sidebarItems: [ sidebarItems: [
{ icon: Camera, active: true }, { icon: Gamepad2, active: true },
{ icon: Video, active: false }, { icon: Code, active: false },
{ icon: Mic, active: false }, { icon: Monitor, active: false },
], ],
stats: [ stats: [
{ {
title: "Rating", values: [5, 4.9, 5], title: "Rating", values: [4.8, 4.9, 5],
description: "Stars verified reviews" description: "Stars verified reviews"
}, },
{ {
title: "Bookings", values: [130, 150, 180], title: "Builds", values: [200, 250, 300],
valuePrefix: "", description: "Reviews by clients" valuePrefix: "", description: "Custom PCs delivered"
}, },
{ {
title: "Daily", values: [9, 10, 11], title: "Expertise", values: [8, 9, 10],
valuePrefix: "", description: "Opens daily" valuePrefix: "", description: "Years in business"
}, },
], ],
chartTitle: "Monthly Utilization", chartData: [ chartTitle: "Monthly Build Orders", chartData: [
{ value: 75 }, { value: 65 },
{ value: 78 },
{ value: 92 },
{ value: 85 }, { value: 85 },
{ value: 90 }, { value: 100 },
{ value: 70 },
{ value: 95 },
], ],
listTitle: "Popular Shoot Types", listItems: [ listTitle: "Popular Builds", listItems: [
{ {
icon: Film, icon: Gamepad2,
title: "Music Videos", status: "High Demand" title: "Gaming PCs", status: "Most Popular"
}, },
{ {
icon: Image, icon: Code,
title: "Fashion Shoots", status: "Premium" title: "Editing Workstations", status: "Premium"
}, },
{ {
icon: Radio, icon: Monitor,
title: "Podcasts", status: "Flexible" title: "Budget Builds", status: "Affordable"
}, },
], ],
searchPlaceholder: "Search shoot types..." searchPlaceholder: "Search PC builds..."
}} }}
/> />
</div> </div>
<div id="gallery" data-section="gallery"> <div id="services" data-section="services">
<FeatureCardTwentySix <FeatureCardTwentySix
title="Studio Versatility Showcase" title="PC Build Services"
description="From photoshoots to blockbuster productions, see how Sitara Studio transforms creative visions into reality" description="Professional custom PC builds optimized for gaming, video editing, and high-performance workstations"
tag="Gallery" tag="Our Services"
tagIcon={Image} tagIcon={Zap}
tagAnimation="slide-up" tagAnimation="slide-up"
features={[ 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" 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" 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" 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" buttonHref: "#contact"
}, },
]} ]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
<div id="features" data-section="features"> <div id="parts" data-section="parts">
<MetricSplitMediaAbout <MetricSplitMediaAbout
title="Why Choose Sitara Studio" title="Premium PC Components"
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." description="We source and assemble the best PC parts including graphics cards, processors, RAM, SSDs, motherboards, and power supplies for optimal performance"
tag="Studio Features" tag="PC Components"
tagIcon={Star} tagIcon={HardDrive}
tagAnimation="slide-up" tagAnimation="slide-up"
metrics={[ 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" imageSrc="https://images.unsplash.com/photo-1585164921881-8de186e61e58?w=600&h=600&fit=crop"
imageAlt="Studio interior features" imageAlt="PC components and hardware"
useInvertedBackground={false} useInvertedBackground={false}
mediaAnimation="slide-up" mediaAnimation="slide-up"
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
</div> </div>
<div id="social-proof" data-section="social-proof"> <div id="gallery" data-section="gallery">
<SocialProofOne <SocialProofOne
title="Trusted by Industry Leaders" title="Trusted by Tech Enthusiasts"
description="Join filmmakers, photographers, and brands who rely on Sitara Studio for their most important projects" description="Join gamers, creators, and professionals who rely on The PC Wale for their custom PC builds"
tag="Social Proof" tag="Community"
tagIcon={CheckCircle} tagIcon={CheckCircle}
tagAnimation="slide-up" tagAnimation="slide-up"
names={[ 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" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
speed={45} speed={45}
showCard={true} showCard={true}
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="reviews" data-section="reviews">
<TestimonialCardSixteen <TestimonialCardSixteen
title="What Our Clients Say" 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" tag="5-Star Reviews"
tagIcon={Star} tagIcon={Star}
tagAnimation="slide-up" tagAnimation="slide-up"
testimonials={[ testimonials={[
{ {
id: "1", name: "Rajesh Kumar", role: "Film Director", company: "Kumar Productions", rating: 5, id: "1", name: "Arjun Verma", role: "Gaming Streamer", company: "Verma Gaming", 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" 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, id: "2", name: "Priya Singh", role: "Video Editor", company: "Creative Studios India", 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" 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, id: "3", name: "Rohit Kumar", role: "Game Developer", company: "Indie Dev Studio", 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" 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, id: "4", name: "Sneha Desai", role: "3D Artist", company: "Animation House", 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" imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop", imageAlt: "3D artist portrait"
}, },
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "130+", label: "Verified Reviews" value: "500+", label: "Custom Builds"
}, },
{ {
value: "4.9", label: "Average Rating" value: "4.9", label: "Average Rating"
}, },
{ {
value: "500+", label: "Happy Clients" value: "1000+", label: "Happy Clients"
}, },
]} ]}
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={true}
/> />
</div> </div>
<div id="contact-cta" data-section="contact-cta"> <div id="contact-cta" data-section="contact-cta">
<ContactText <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" animationType="entrance-slide"
buttons={[ 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} useInvertedBackground={false}
/> />
</div> </div>
@@ -245,60 +245,60 @@ export default function SitaraStudioPage() {
<FooterSimple <FooterSimple
columns={[ 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: [ 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: "#" label: "Email Support", href: "mailto:support@thepcwale.com"
},
],
},
{
title: "Hours", items: [
{
label: "Open Daily", href: "#"
},
{
label: "Closes 7 PM", href: "#"
},
{
label: "Flexible Bookings", href: "#"
}, },
], ],
}, },
{ {
title: "Social", items: [ title: "Social", items: [
{
label: "YouTube", href: "https://youtube.com"
},
{ {
label: "Instagram", href: "https://instagram.com" label: "Instagram", href: "https://instagram.com"
}, },
{ {
label: "Facebook", href: "https://facebook.com" label: "Twitter", href: "https://twitter.com"
},
{
label: "YouTube", href: "https://youtube.com"
}, },
], ],
}, },
]} ]}
bottomLeftText="© 2025 Sitara Studio. All rights reserved." bottomLeftText="© 2025 The PC Wale. All rights reserved."
bottomRightText="Premium Studio Rental in Mumbai" bottomRightText="Custom Gaming & Editing PCs"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>

View File

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