Compare commits
2 Commits
version_1_
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 3a8502ae7e | |||
|
1691726147 |
@@ -1,291 +1,35 @@
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly. Non-block content (wrappers, non-inlinable sections) is
|
||||
// preserved inline; extracted section blocks become <XSection/> refs.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import MoviesSection from './HomePage/sections/Movies';
|
||||
import ExperienceSection from './HomePage/sections/Experience';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import ReviewsSection from './HomePage/sections/Reviews';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
|
||||
import LocationSection from './HomePage/sections/Location';export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Where Every Seat is the Best Seat"
|
||||
title="The Ultimate Cinema Experience in Poonamallee"
|
||||
description="Dolby Atmos · Massive Screen · 4K Projection. Experience cinema at its peak."
|
||||
primaryButton={{
|
||||
text: "Book Your Seats",
|
||||
href: "https://bookmyshow.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Now Showing",
|
||||
href: "#movies",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500618.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-circular-bokeh-background-night_23-2147845879.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-blank-wall-rear-view_53876-97086.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-movie-cinema_23-2147804001.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-mirror-photo_23-2149239041.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhibit-present-public-display-event-concept_53876-123797.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080257.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-equipment-beside-popcorn_23-2148470242.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-79884.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170082.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-abstract-triangle-by-optical-fibers_23-2148241299.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<>
|
||||
<HeroSection />
|
||||
|
||||
<div id="movies" data-section="movies">
|
||||
<SectionErrorBoundary name="movies">
|
||||
<FeaturesImageBento
|
||||
tag="Now Showing"
|
||||
title="Currently Trending"
|
||||
description="Don't miss the biggest blockbusters in pristine 4K quality."
|
||||
items={[
|
||||
{
|
||||
title: "Leo",
|
||||
description: "Running: 2:30 PM, 6:00 PM, 9:30 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671707.jpg",
|
||||
},
|
||||
{
|
||||
title: "Jailer",
|
||||
description: "Running: 11:00 AM, 3:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-with-clapperboard-old-hollywood-glamour-style_23-2150720603.jpg",
|
||||
},
|
||||
{
|
||||
title: "Vikram",
|
||||
description: "Running: 12:30 PM, 5:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-collage-about-movie-time-with-film-roll_23-2149946307.jpg",
|
||||
},
|
||||
{
|
||||
title: "Master",
|
||||
description: "Running: 10:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-blue-monday-subtitles_23-2149182958.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kaithi",
|
||||
description: "Running: 8:00 AM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005131.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sarkar",
|
||||
description: "Running: 4:30 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-single-s-day-banner_23-2149520237.jpg",
|
||||
},
|
||||
{
|
||||
title: "Coming Soon",
|
||||
description: "Stay tuned for updates",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169218.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MoviesSection />
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<SectionErrorBoundary name="experience">
|
||||
<FeaturesTaggedCards
|
||||
tag="Our Amenities"
|
||||
title="Luxury Reimagined"
|
||||
description="Every detail designed for your comfort and immersion."
|
||||
items={[
|
||||
{
|
||||
tag: "Audio",
|
||||
title: "Dolby Atmos",
|
||||
description: "Feel every whisper, every explosion. Audio that moves around you.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-room-desk-with-motorized-faders-multiple-knobs_482257-83509.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Visual",
|
||||
title: "4K Projection",
|
||||
description: "Crystal clarity on one of the largest screens in the region.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-mission-control_23-2151940480.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Comfort",
|
||||
title: "Pushback Recliners",
|
||||
description: "Sink into comfort. Every seat is premium.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-teather_23-2151169423.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ExperienceSection />
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Legacy"
|
||||
title="By The Numbers"
|
||||
description="Poonamallee's favorite spot for movie magic."
|
||||
metrics={[
|
||||
{
|
||||
value: "20K+",
|
||||
description: "Happy Moviegoers",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
description: "Major Releases Weekly",
|
||||
},
|
||||
{
|
||||
value: "4K",
|
||||
description: "Resolution Standard",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Immersive Sound",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<MetricsSection />
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Loved by Poonamallee"
|
||||
title="What They Say"
|
||||
description="Join our community of satisfied cinephiles."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Stebin Joy",
|
||||
role: "Film Enthusiast",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-popcorn-package-watching-movie-light-blue-surface_140725-69879.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kousic M",
|
||||
role: "Regular Viewer",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
|
||||
},
|
||||
{
|
||||
name: "Azzkikr",
|
||||
role: "Cinephile",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-white-clapper-board_114579-54032.jpg",
|
||||
},
|
||||
{
|
||||
name: "R. Abinaya Kannan",
|
||||
role: "Family Goer",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-holding-popcorn-shopping-mall-parking-lot_1153-8254.jpg",
|
||||
},
|
||||
{
|
||||
name: "Harish Kumar",
|
||||
role: "Film Buff",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-3d-glasses-popcorn_23-2148470183.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ReviewsSection />
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your next visit."
|
||||
categories={[
|
||||
{
|
||||
name: "Booking",
|
||||
items: [
|
||||
{
|
||||
question: "Can I book online?",
|
||||
answer: "Yes, via BookMyShow.",
|
||||
},
|
||||
{
|
||||
question: "Are private screenings available?",
|
||||
answer: "Contact us via form.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Facilities",
|
||||
items: [
|
||||
{
|
||||
question: "Is parking available?",
|
||||
answer: "Yes, spacious parking provided.",
|
||||
},
|
||||
{
|
||||
question: "Are snacks available?",
|
||||
answer: "Visit Rusi Rasa Cafeteria.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<FaqSection />
|
||||
<LocationSection />
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Connect With Us"
|
||||
text="Have a query or want to organize a special screening? Get in touch with our team today."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Connect With Us"
|
||||
text="Have a query or want to organize a special screening? Get in touch with our team today."
|
||||
primaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Get Directions",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
52
src/pages/HomePage/sections/Experience.tsx
Normal file
52
src/pages/HomePage/sections/Experience.tsx
Normal file
@@ -0,0 +1,52 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "experience" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesTaggedCards from '@/components/sections/features/FeaturesTaggedCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ExperienceSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="experience" data-section="experience">
|
||||
<SectionErrorBoundary name="experience">
|
||||
<FeaturesTaggedCards
|
||||
tag="Our Amenities"
|
||||
title="Luxury Reimagined"
|
||||
description="Every detail designed for your comfort and immersion."
|
||||
items={[
|
||||
{
|
||||
tag: "Audio",
|
||||
title: "Dolby Atmos",
|
||||
description: "Feel every whisper, every explosion. Audio that moves around you.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/control-room-desk-with-motorized-faders-multiple-knobs_482257-83509.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Visual",
|
||||
title: "4K Projection",
|
||||
description: "Crystal clarity on one of the largest screens in the region.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/space-mission-control_23-2151940480.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Comfort",
|
||||
title: "Pushback Recliners",
|
||||
description: "Sink into comfort. Every seat is premium.",
|
||||
primaryButton: {
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-cinema-teather_23-2151169423.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
48
src/pages/HomePage/sections/Faq.tsx
Normal file
48
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,48 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Help Center"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your next visit."
|
||||
categories={[
|
||||
{
|
||||
name: "Booking",
|
||||
items: [
|
||||
{
|
||||
question: "Can I book online?",
|
||||
answer: "Yes, via BookMyShow.",
|
||||
},
|
||||
{
|
||||
question: "Are private screenings available?",
|
||||
answer: "Contact us via form.",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
name: "Facilities",
|
||||
items: [
|
||||
{
|
||||
question: "Is parking available?",
|
||||
answer: "Yes, spacious parking provided.",
|
||||
},
|
||||
{
|
||||
question: "Are snacks available?",
|
||||
answer: "Visit Rusi Rasa Cafeteria.",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
68
src/pages/HomePage/sections/Hero.tsx
Normal file
68
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,68 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Where Every Seat is the Best Seat"
|
||||
title="The Ultimate Cinema Experience in Poonamallee"
|
||||
description="Dolby Atmos · Massive Screen · 4K Projection. Experience cinema at its peak."
|
||||
primaryButton={{
|
||||
text: "Book Your Seats",
|
||||
href: "https://bookmyshow.com",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Now Showing",
|
||||
href: "#movies",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500618.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-circular-bokeh-background-night_23-2147845879.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-blank-wall-rear-view_53876-97086.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-enjoying-movie-cinema_23-2147804001.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-mirror-photo_23-2149239041.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exhibit-present-public-display-event-concept_53876-123797.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080257.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-equipment-beside-popcorn_23-2148470242.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-background-christmas-valentines-layout-design-studio-room-web-template-business-report-with-smooth-circle-gradient-color_1258-79884.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-modern-room-with-furniture_23-2149178339.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/managing-smart-speakers-concept_23-2150170082.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-abstract-triangle-by-optical-fibers_23-2148241299.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
92
src/pages/HomePage/sections/Location.tsx
Normal file
92
src/pages/HomePage/sections/Location.tsx
Normal file
@@ -0,0 +1,92 @@
|
||||
import React from 'react';
|
||||
import { MapPin, Phone, Mail, Clock } from 'lucide-react';
|
||||
import ScrollReveal from '@/components/ui/ScrollReveal';
|
||||
import TextAnimation from '@/components/ui/TextAnimation';
|
||||
|
||||
export default function LocationSection() {
|
||||
return (
|
||||
<div data-webild-section="location" id="location">
|
||||
<section className="py-24 bg-background relative overflow-hidden">
|
||||
<div className="w-content-width mx-auto px-4 md:px-6">
|
||||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
|
||||
<ScrollReveal variant="slide-up">
|
||||
<div className="space-y-8">
|
||||
<div>
|
||||
<span className="text-primary-cta font-bold tracking-wider uppercase text-sm mb-2 block">Location</span>
|
||||
<TextAnimation
|
||||
text="Find Us in Poonamallee"
|
||||
variant="fade-blur"
|
||||
tag="h2"
|
||||
className="text-4xl md:text-5xl font-bold text-foreground mb-4"
|
||||
gradientText={false}
|
||||
/>
|
||||
<p className="text-muted-foreground text-lg max-w-md">
|
||||
Experience the ultimate cinema right in your neighborhood. Ample parking and easy access for a stress-free visit.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="space-y-6">
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-12 h-12 rounded-full bg-card flex items-center justify-center shrink-0 border border-border">
|
||||
<MapPin className="w-6 h-6 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-foreground mb-1">Address</h3>
|
||||
<p className="text-muted-foreground">
|
||||
SB Cinemas<br />
|
||||
Trunk Road, Poonamallee<br />
|
||||
Chennai, Tamil Nadu 600056
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-12 h-12 rounded-full bg-card flex items-center justify-center shrink-0 border border-border">
|
||||
<Phone className="w-6 h-6 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-foreground mb-1">Contact</h3>
|
||||
<p className="text-muted-foreground">
|
||||
<a href="tel:+919876543210" className="hover:text-primary-cta transition-colors">+91 98765 43210</a><br />
|
||||
<a href="mailto:info@sbcinemas.com" className="hover:text-primary-cta transition-colors">info@sbcinemas.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-start gap-4">
|
||||
<div className="w-12 h-12 rounded-full bg-card flex items-center justify-center shrink-0 border border-border">
|
||||
<Clock className="w-6 h-6 text-primary-cta" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold text-foreground mb-1">Hours</h3>
|
||||
<p className="text-muted-foreground">
|
||||
Open Daily<br />
|
||||
9:00 AM - 11:30 PM
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
|
||||
<ScrollReveal variant="fade-blur" delay={0.2}>
|
||||
<div className="rounded-2xl overflow-hidden border border-border bg-card shadow-2xl h-[400px] lg:h-[500px] relative">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3886.689408544078!2d80.0945!3d13.0555!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a528a0000000001%3A0x0!2sPoonamallee%2C%20Chennai%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1650000000000!5m2!1sen!2sin"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0, filter: 'invert(90%) hue-rotate(180deg) contrast(100%)' }}
|
||||
allowFullScreen={false}
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
title="SB Cinemas Location"
|
||||
className="absolute inset-0"
|
||||
></iframe>
|
||||
</div>
|
||||
</ScrollReveal>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
38
src/pages/HomePage/sections/Metrics.tsx
Normal file
38
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsSimpleCards
|
||||
tag="Our Legacy"
|
||||
title="By The Numbers"
|
||||
description="Poonamallee's favorite spot for movie magic."
|
||||
metrics={[
|
||||
{
|
||||
value: "20K+",
|
||||
description: "Happy Moviegoers",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
description: "Major Releases Weekly",
|
||||
},
|
||||
{
|
||||
value: "4K",
|
||||
description: "Resolution Standard",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
description: "Immersive Sound",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Movies.tsx
Normal file
57
src/pages/HomePage/sections/Movies.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "movies" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MoviesSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="movies" data-section="movies">
|
||||
<SectionErrorBoundary name="movies">
|
||||
<FeaturesImageBento
|
||||
tag="Now Showing"
|
||||
title="Currently Trending"
|
||||
description="Don't miss the biggest blockbusters in pristine 4K quality."
|
||||
items={[
|
||||
{
|
||||
title: "Leo",
|
||||
description: "Running: 2:30 PM, 6:00 PM, 9:30 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-documenting-war-conflict-zone-through-photography_23-2151671707.jpg",
|
||||
},
|
||||
{
|
||||
title: "Jailer",
|
||||
description: "Running: 11:00 AM, 3:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-white-portrait-woman-with-clapperboard-old-hollywood-glamour-style_23-2150720603.jpg",
|
||||
},
|
||||
{
|
||||
title: "Vikram",
|
||||
description: "Running: 12:30 PM, 5:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-collage-about-movie-time-with-film-roll_23-2149946307.jpg",
|
||||
},
|
||||
{
|
||||
title: "Master",
|
||||
description: "Running: 10:00 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-with-blue-monday-subtitles_23-2149182958.jpg",
|
||||
},
|
||||
{
|
||||
title: "Kaithi",
|
||||
description: "Running: 8:00 AM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151005131.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sarkar",
|
||||
description: "Running: 4:30 PM",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-single-s-day-banner_23-2149520237.jpg",
|
||||
},
|
||||
{
|
||||
title: "Coming Soon",
|
||||
description: "Stay tuned for updates",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-wavy-texture_23-2150169218.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
57
src/pages/HomePage/sections/Reviews.tsx
Normal file
57
src/pages/HomePage/sections/Reviews.tsx
Normal file
@@ -0,0 +1,57 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "reviews" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ReviewsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="reviews" data-section="reviews">
|
||||
<SectionErrorBoundary name="reviews">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Loved by Poonamallee"
|
||||
title="What They Say"
|
||||
description="Join our community of satisfied cinephiles."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Stebin Joy",
|
||||
role: "Film Enthusiast",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-popcorn-package-watching-movie-light-blue-surface_140725-69879.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kousic M",
|
||||
role: "Regular Viewer",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-t-letter_1149-1947.jpg",
|
||||
},
|
||||
{
|
||||
name: "Azzkikr",
|
||||
role: "Cinephile",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filmmaker-holding-blank-white-clapper-board_114579-54032.jpg",
|
||||
},
|
||||
{
|
||||
name: "R. Abinaya Kannan",
|
||||
role: "Family Goer",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-cute-woman-holding-popcorn-shopping-mall-parking-lot_1153-8254.jpg",
|
||||
},
|
||||
{
|
||||
name: "Harish Kumar",
|
||||
role: "Film Buff",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-3d-glasses-popcorn_23-2148470183.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user