From 340982e504d18504b4d1865d2247bd23689f410c Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 5 Mar 2026 07:46:56 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 131 +++++++++++++++++++++++++++++++---------------- 1 file changed, 86 insertions(+), 45 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index f4b2ed3..be3db13 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -19,7 +19,7 @@ export default function SitaraStudioPage() { borderRadius="soft" contentWidth="mediumLarge" sizing="largeSmall" - background="grid" + background="circleGradient" cardStyle="solid" primaryButtonStyle="diagonal-gradient" secondaryButtonStyle="layered" @@ -35,7 +35,8 @@ export default function SitaraStudioPage() { { name: "Contact", id: "contact" }, ]} button={{ - text: "Call Now", href: "tel:+919876543210"}} + text: "Call Now", href: "tel:+919876543210" + }} /> @@ -48,19 +49,23 @@ export default function SitaraStudioPage() { tagAnimation="slide-up" buttons={[ { - text: "Call Now to Book", href: "tel:+919876543210"}, + text: "Call Now to Book", href: "tel:+919876543210" + }, { - text: "Book Studio", href: "#contact"}, + text: "Book Studio", href: "#contact" + }, ]} buttonAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} 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: [ + imageSrc: "http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg", imageAlt: "Professional studio setup", buttons: [ { - text: "WhatsApp", href: "https://wa.me/919876543210"}, + text: "WhatsApp", href: "https://wa.me/919876543210" + }, { - text: "View Gallery", href: "#gallery"}, + text: "View Gallery", href: "#gallery" + }, ], sidebarItems: [ { icon: Camera, active: true }, @@ -70,13 +75,16 @@ export default function SitaraStudioPage() { stats: [ { title: "Rating", values: [5, 4.9, 5], - description: "Stars verified reviews"}, + description: "Stars verified reviews" + }, { title: "Bookings", values: [130, 150, 180], - valuePrefix: "", description: "Reviews by clients"}, + valuePrefix: "", description: "Reviews by clients" + }, { title: "Daily", values: [9, 10, 11], - valuePrefix: "", description: "Opens daily"}, + valuePrefix: "", description: "Opens daily" + }, ], chartTitle: "Monthly Utilization", chartData: [ { value: 75 }, @@ -88,15 +96,19 @@ export default function SitaraStudioPage() { listTitle: "Popular Shoot Types", listItems: [ { icon: Film, - title: "Music Videos", status: "High Demand"}, + title: "Music Videos", status: "High Demand" + }, { icon: Image, - title: "Fashion Shoots", status: "Premium"}, + title: "Fashion Shoots", status: "Premium" + }, { icon: Radio, - title: "Podcasts", status: "Flexible"}, + title: "Podcasts", status: "Flexible" + }, ], - searchPlaceholder: "Search shoot types..."}} + searchPlaceholder: "Search shoot types..." + }} /> @@ -110,16 +122,20 @@ export default function SitaraStudioPage() { 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, - 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, - 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, - 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, - buttonHref: "#contact"}, + buttonHref: "#contact" + }, ]} textboxLayout="default" useInvertedBackground={false} @@ -135,14 +151,17 @@ export default function SitaraStudioPage() { tagAnimation="slide-up" metrics={[ { - value: "24/7", title: "Availability & Support"}, + value: "24/7", title: "Availability & Support" + }, { - value: "Parel", title: "Prime Mumbai Location"}, + value: "Parel", title: "Prime Mumbai Location" + }, ]} - imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/set-up-studio-shoot_53876-144951.jpg" imageAlt="Studio interior features" useInvertedBackground={false} mediaAnimation="slide-up" + metricsAnimation="slide-up" /> @@ -154,7 +173,8 @@ export default function SitaraStudioPage() { tagIcon={CheckCircle} tagAnimation="slide-up" names={[ - "Netflix Productions", "Amazon Prime Video", "YouTube Creators", "Fashion Brands", "Independent Filmmakers", "Music Labels", "Ad Agencies", "Podcast Networks"]} + "Netflix Productions", "Amazon Prime Video", "YouTube Creators", "Fashion Brands", "Independent Filmmakers", "Music Labels", "Ad Agencies", "Podcast Networks" + ]} textboxLayout="default" useInvertedBackground={false} speed={45} @@ -172,24 +192,31 @@ export default function SitaraStudioPage() { testimonials={[ { id: "1", name: "Rajesh Kumar", role: "Film Director", company: "Kumar Productions", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "filmmaker director portrait professional headshot"}, + imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg", imageAlt: "filmmaker director portrait professional headshot" + }, { id: "2", name: "Priya Sharma", role: "Fashion Photographer", company: "Sharma Photography", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-12325.jpg", imageAlt: "photographer professional portrait creative headshot"}, + imageSrc: "http://img.b2bpic.net/free-photo/traveler-photographer-studio-portrait-handsome-bearded_613910-12325.jpg", imageAlt: "photographer professional portrait creative headshot" + }, { id: "3", name: "Arjun Malhotra", role: "YouTuber & Creator", company: "Creative Hub Media", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg", imageAlt: "content creator YouTuber portrait creative headshot"}, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg", imageAlt: "content creator YouTuber portrait creative headshot" + }, { id: "4", name: "Neha Gupta", role: "Brand Manager", company: "Luxury Brands India", rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "brand professional portrait corporate headshot"}, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "brand professional portrait corporate headshot" + }, ]} kpiItems={[ { - value: "130+", label: "Verified Reviews"}, + value: "130+", label: "Verified Reviews" + }, { - value: "4.9", label: "Average Rating"}, + value: "4.9", label: "Average Rating" + }, { - value: "500+", label: "Happy Clients"}, + value: "500+", label: "Happy Clients" + }, ]} animationType="slide-up" textboxLayout="default" @@ -203,11 +230,13 @@ export default function SitaraStudioPage() { animationType="entrance-slide" buttons={[ { - text: "Book Now", href: "#contact"}, + text: "Book Now", href: "#contact" + }, { - text: "WhatsApp Us", href: "https://wa.me/919876543210"}, + text: "WhatsApp Us", href: "https://wa.me/919876543210" + }, ]} - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} /> @@ -218,41 +247,53 @@ export default function SitaraStudioPage() { { title: "Studio", items: [ { - label: "About Us", href: "#about"}, + label: "About Us", href: "#about" + }, { - label: "Gallery", href: "#gallery"}, + label: "Gallery", href: "#gallery" + }, { - label: "Features", href: "#features"}, + label: "Features", href: "#features" + }, ], }, { title: "Contact", items: [ { - label: "Call: +91-9876-543-210", href: "tel:+919876543210"}, + label: "Call: +91-9876-543-210", href: "tel:+919876543210" + }, { - label: "WhatsApp: +91-9876-543-210", href: "https://wa.me/919876543210"}, + label: "WhatsApp: +91-9876-543-210", href: "https://wa.me/919876543210" + }, { - label: "Parel, Mumbai", href: "#"}, + label: "Parel, Mumbai", href: "#" + }, ], }, { title: "Hours", items: [ { - label: "Open Daily", href: "#"}, + label: "Open Daily", href: "#" + }, { - label: "Closes 7 PM", href: "#"}, + label: "Closes 7 PM", href: "#" + }, { - label: "Flexible Bookings", href: "#"}, + label: "Flexible Bookings", href: "#" + }, ], }, { title: "Social", items: [ { - label: "Instagram", href: "https://instagram.com"}, + label: "Instagram", href: "https://instagram.com" + }, { - label: "Facebook", href: "https://facebook.com"}, + label: "Facebook", href: "https://facebook.com" + }, { - label: "YouTube", href: "https://youtube.com"}, + label: "YouTube", href: "https://youtube.com" + }, ], }, ]} -- 2.49.1