From eff6bff691f5f9f26bdcf5ac84fbaaef28895d69 Mon Sep 17 00:00:00 2001 From: Alaguraj0361 Date: Tue, 14 Jul 2026 22:39:46 +0530 Subject: [PATCH] design: reposition Spatial Sanctuary section after Chef Showcase section --- src/app/page.tsx | 4 + src/components/EntranceExperience.tsx | 163 +++----------------------- src/components/SpatialSanctuary.tsx | 152 ++++++++++++++++++++++++ 3 files changed, 174 insertions(+), 145 deletions(-) create mode 100644 src/components/SpatialSanctuary.tsx diff --git a/src/app/page.tsx b/src/app/page.tsx index ace8b2a..d3f9484 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,6 +5,7 @@ import SmoothScroll from "@/components/SmoothScroll"; import EntranceExperience from "@/components/EntranceExperience"; import RestaurantStory from "@/components/RestaurantStory"; import ChefShowcase from "@/components/ChefShowcase"; +import SpatialSanctuary from "@/components/SpatialSanctuary"; import InteriorGallery from "@/components/InteriorGallery"; import Testimonials from "@/components/Testimonials"; import EventsAccordion from "@/components/EventsAccordion"; @@ -46,6 +47,9 @@ export default function Home() { {/* Section 5: Chef Sundaram showcase with canvas heat waves */} + {/* Section 5.5: The Spatial Sanctuary details */} + + {/* Section 6: GSAP Horizontal space gallery */} diff --git a/src/components/EntranceExperience.tsx b/src/components/EntranceExperience.tsx index eecf715..86e1350 100644 --- a/src/components/EntranceExperience.tsx +++ b/src/components/EntranceExperience.tsx @@ -366,159 +366,32 @@ export default function EntranceExperience() { - {/* ----------------- SPATIAL SANCTUARY OVERLAY (REVEALS AT END) ----------------- */} + {/* ----------------- FOOD PLATTER STORYTELLING CARD (REVEALS AT END) ----------------- */} {scrollProgress > 0.75 && ( - {/* Parchment background containing sketches and mandalas */} - Traditional South Indian Sanctuary Background + {/* Inner traditional gold frame */} +
- {/* Traditional Temple Borders */} -
+ + P U R E V E G E T A R I A N F E A S T + - {/* Content Container */} -
- - {/* Left Side: Text Details and Grid of 4 Cards */} -
- - {/* Pre-title with Gold Crest */} -
- - - - - — OUR STORY — - -
+

+ A Royal Banquet +

- {/* Main Headline */} -

- The Spatial
- Sanctuary -

- - {/* Traditional Gold Divider */} -
-
- - - -
-
- - {/* Narrative Paragraph */} -

- Swipe or scroll to explore the visual spatial transitions of My Dosa Place, bringing heritage pillars, brass lanterns, and set feast tables to life. -

- - {/* Scroll Down Slide Indicator */} -
- - Scroll down to slide right - - - - - -
- - {/* Grid of 4 Sanctuary Features */} -
- - {/* Card 1: Pillars */} -
- - - -
- Heritage Pillars -
-

- Timeless architecture rooted in tradition. -

-
- - {/* Card 2: Lanterns */} -
- - - -
- Brass Lanterns -
-

- Traditional lighting that sets the mood. -

-
- - {/* Card 3: Feast Tables */} -
- - - -
- Set Feast Tables -
-

- Every table is a celebration of South Indian flavors. -

-
- - {/* Card 4: Hospitality */} -
- - - -
- Warm Hospitality -
-

- Where every guest feels at home. -

-
- -
- -
- - {/* Right Side: Cropped Traditional Archway scene with overlay leaves & badge */} -
-
- My Dosa Place Spatial Dining Sanctuary -
-
- -
- - {/* Bottom Gold-Bordered Green Banner */} -
- My Dosa Place - - - ROOTED IN TRADITION • DRIVEN BY PASSION • SERVED WITH LOVE - -
+
+

+ Your table is set. Experience a royal banquet served on fresh banana leaves, where crispy ghee-roasted dosas, steaming lentil sambar, and hand-ground chutneys await you. +

)} diff --git a/src/components/SpatialSanctuary.tsx b/src/components/SpatialSanctuary.tsx new file mode 100644 index 0000000..b2243a1 --- /dev/null +++ b/src/components/SpatialSanctuary.tsx @@ -0,0 +1,152 @@ +"use client"; + +import Image from "next/image"; + +export default function SpatialSanctuary() { + return ( +
+ {/* Parchment background containing sketches and mandalas */} + Traditional South Indian Sanctuary Background + + {/* Traditional Temple Borders */} +
+ + {/* Content Container */} +
+ + {/* Left Side: Text Details and Grid of 4 Cards */} +
+ + {/* Pre-title with Gold Crest */} +
+ + + + + — OUR STORY — + +
+ + {/* Main Headline */} +

+ The Spatial
+ Sanctuary +

+ + {/* Traditional Gold Divider */} +
+
+ + + +
+
+ + {/* Narrative Paragraph */} +

+ Swipe or scroll to explore the visual spatial transitions of My Dosa Place, bringing heritage pillars, brass lanterns, and set feast tables to life. +

+ + {/* Scroll Down Slide Indicator */} +
+ + Scroll down to slide right + + + + + +
+ + {/* Grid of 4 Sanctuary Features */} +
+ + {/* Card 1: Pillars */} +
+ + + +
+ Heritage Pillars +
+

+ Timeless architecture rooted in tradition. +

+
+ + {/* Card 2: Lanterns */} +
+ + + +
+ Brass Lanterns +
+

+ Traditional lighting that sets the mood. +

+
+ + {/* Card 3: Feast Tables */} +
+ + + +
+ Set Feast Tables +
+

+ Every table is a celebration of South Indian flavors. +

+
+ + {/* Card 4: Hospitality */} +
+ + + +
+ Warm Hospitality +
+

+ Where every guest feels at home. +

+
+ +
+ +
+ + {/* Right Side: Cropped Traditional Archway scene with overlay leaves & badge */} +
+
+ My Dosa Place Spatial Dining Sanctuary +
+
+ +
+ + {/* Bottom Gold-Bordered Green Banner */} +
+ My Dosa Place + + + ROOTED IN TRADITION • DRIVEN BY PASSION • SERVED WITH LOVE + +
+
+ ); +}