From d243c3df0bffe517804be9a18de9aa22b5ee5109 Mon Sep 17 00:00:00 2001 From: pranavvraja Date: Fri, 1 Nov 2024 18:38:00 +0530 Subject: [PATCH 1/3] update: speakers and performers --- src/components/common/speakers.tsx | 26 ++++++--- src/components/edil-ozi/text-glitch.tsx | 4 +- src/components/ui/SpringModal.tsx | 72 +++++++++++++++++++++++++ src/components/widget/performers.tsx | 11 ++++ 4 files changed, 104 insertions(+), 9 deletions(-) create mode 100644 src/components/ui/SpringModal.tsx diff --git a/src/components/common/speakers.tsx b/src/components/common/speakers.tsx index 8f0c27b..14d8668 100644 --- a/src/components/common/speakers.tsx +++ b/src/components/common/speakers.tsx @@ -4,8 +4,9 @@ import gsap from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; import Lenis from "lenis"; import { tedxsjecAssetsPrefix } from "@/lib/utils"; +import MoreInfo from "../ui/SpringModal"; -const performers = [ +const speakers = [ { id: 1, name: "Karen Kshiti Suvarna", @@ -30,6 +31,14 @@ const performers = [ "Badekkila Pradeep is a versatile actor, model, writer, and distinguished voice artist from Karnataka. Beginning as a reporter in 2006, Pradeep found his passion in voice-over, transforming Kannada TV narration with his unique style. He's voiced popular shows like Bigg Boss Kannada, Bangalore metro announcements, and numerous campaigns across languages, including Kannada, Tulu, Telugu, Tamil, Hindi, and English. An established voice for major Kannada TV channels, Pradeep is also an actor in Kannada and Tamil Television shows and films and a writer with over 20 years in Kannada publications.", img: `${tedxsjecAssetsPrefix}/speakers/Pradeep.avif`, }, + { + id: 4, + name: "Namitha Marimuthu", + profession: "International Model, Actress, and Social Activist", + description: + "Namitha Marimuthu is an international model, actress, and social activist who has made history as the first transgender woman to reach the finals of Miss Universe India in 2024. She is the CEO and founder of Miss Queen India and the owner of Alfeem India, both of which promote inclusivity and empowerment. Namitha’s accolades include titles like Miss Trans Star International 2019, Miss International Queen 2022, and Miss Popular of the World 2022. Her appearance on Bigg Boss Tamil Season 5 amplified her voice as a champion for LGBTQ+ rights in India. Through her achievements and advocacy, Namitha continues to inspire and pave the way for future generations.", + img: `${tedxsjecAssetsPrefix}/speakers/Namitha_M1.avif`, + }, ]; export default function Speakers() { @@ -80,8 +89,8 @@ export default function Speakers() {

The Speakers

-
- {performers.map((card, index) => ( +
+ {speakers.map((card, index) => (
-
-
+
+
{`Card
-
+

{card.name}

{card.profession}

-

+

{card.description}

+
+ +
diff --git a/src/components/edil-ozi/text-glitch.tsx b/src/components/edil-ozi/text-glitch.tsx index 19f8ef0..81906a7 100644 --- a/src/components/edil-ozi/text-glitch.tsx +++ b/src/components/edil-ozi/text-glitch.tsx @@ -17,10 +17,10 @@ const TextGlitchEffect: FC = ({ textOne, textTwo, className }) => { )} > {textOne} - + {textOne} - + {textTwo}
diff --git a/src/components/ui/SpringModal.tsx b/src/components/ui/SpringModal.tsx new file mode 100644 index 0000000..e0a655f --- /dev/null +++ b/src/components/ui/SpringModal.tsx @@ -0,0 +1,72 @@ +import { AnimatePresence, motion } from "framer-motion"; +import { Dispatch, SetStateAction, useState } from "react"; + +// Define props type for ExampleWrapper +type ExampleWrapperProps = { + description: string; +}; + +const MoreInfo = ({ description }: ExampleWrapperProps) => { + const [isOpen, setIsOpen] = useState(false); + return ( + <> + + {/* Pass props down to SpringModal */} + + + ); +}; + +// Define props type for SpringModal +type SpringModalProps = { + isOpen: boolean; + setIsOpen: Dispatch>; + description: string; +}; + +const SpringModal = ({ isOpen, setIsOpen, description }: SpringModalProps) => { + return ( + + {isOpen && ( + setIsOpen(false)} + className=" backdrop-blur fixed inset-0 z-50 grid place-items-center cursor-pointer h-full w-full" + > + e.stopPropagation()} + className="bg-redTheme text-white p-2 h-full w-full max-w-lg cursor-default relative overflow-hidden py-2" + > +
+

{description}

+
+ +
+
+ + + )} + + ); +}; + +export default MoreInfo; diff --git a/src/components/widget/performers.tsx b/src/components/widget/performers.tsx index 0fb164d..e069b49 100644 --- a/src/components/widget/performers.tsx +++ b/src/components/widget/performers.tsx @@ -30,6 +30,17 @@ const performerSections: PerformerSection[] = [ // `${tedxsjecAssetsPrefix}/performers/Yukthi2.avif`, ], }, + { + name: "Agasthyam Kalaripayattu", + profession: "Martial Arts Institution", + description: + "Agasthyam Kalaripayattu, a premier martial arts institution, preserves and teaches the ancient art of Kalaripayattu from Kerala, India. Founded and led by Gurukkal S Mahesh, Agasthyam continues a legacy over 129 years old, deeply rooted in traditional combat techniques, self-defense, weaponry, and spiritual growth. This renowned school offers rigorous training that builds agility, strength, and resilience, merging physical discipline with profound cultural heritage. Agasthyam is a respected destination for those who seek not only to master Kalaripayattu but also to forge a deeper, spiritual connection to this timeless art form.", + images: [ + `${tedxsjecAssetsPrefix}/performers/Agasthyam1.avif`, + // `${tedxsjecAssetsPrefix}/performers/Agasthyam2.avif`, + // `${tedxsjecAssetsPrefix}/performers/Agasthyam3.avif`, + ], + }, ]; export default function Performers() { From 88d4ab1eed6d27e652eaabff1efc63b877b95942 Mon Sep 17 00:00:00 2001 From: pranavvraja Date: Sat, 2 Nov 2024 22:28:53 +0530 Subject: [PATCH 2/3] update: minor edits in hero, footer, cta --- src/components/common/Footer.tsx | 4 ++-- src/components/common/cta-section.tsx | 17 ++++++++++------- src/components/widget/hero.tsx | 9 +++++---- src/components/widget/performers.tsx | 22 +++++++++++----------- 4 files changed, 28 insertions(+), 24 deletions(-) diff --git a/src/components/common/Footer.tsx b/src/components/common/Footer.tsx index 561784f..cc09320 100644 --- a/src/components/common/Footer.tsx +++ b/src/components/common/Footer.tsx @@ -63,7 +63,7 @@ const Footer = (props: Props) => { { diff --git a/src/components/common/cta-section.tsx b/src/components/common/cta-section.tsx index fe58cec..b1298c2 100644 --- a/src/components/common/cta-section.tsx +++ b/src/components/common/cta-section.tsx @@ -14,17 +14,20 @@ export function CtaSection() { "radial-gradient(ellipse 100% 80% at 50% 100%, black, transparent)", }} >
-
+

- Live What's Worth Living + Explore What's Worth Living

- Celebrate the joy of accomplishment with an app designed to track your - progress and motivate your efforts. + Join us as we explore the core of what gives life purpose through + thought-provoking concepts, novel viewpoints, and inspirational tales. + This journey is sure to be amazing, filled with revelations that + inspire us to think, connect, and uncover the real meaning of our + life.

- + {/* */}
); diff --git a/src/components/widget/hero.tsx b/src/components/widget/hero.tsx index 751723c..fafe363 100644 --- a/src/components/widget/hero.tsx +++ b/src/components/widget/hero.tsx @@ -129,13 +129,14 @@ export default function HeroHighlight() { size="lg" className="bg-red-600 hover:bg-red-700 text-white py-2 transition-all duration-300 transform hover:scale-105" > - Register Now + Registrations Open Soon + {/* */}
-
+
- -

Date: September 15, 2023

+ +

Date: December 14, 2024

{/*
diff --git a/src/components/widget/performers.tsx b/src/components/widget/performers.tsx index e069b49..58f05ee 100644 --- a/src/components/widget/performers.tsx +++ b/src/components/widget/performers.tsx @@ -30,17 +30,17 @@ const performerSections: PerformerSection[] = [ // `${tedxsjecAssetsPrefix}/performers/Yukthi2.avif`, ], }, - { - name: "Agasthyam Kalaripayattu", - profession: "Martial Arts Institution", - description: - "Agasthyam Kalaripayattu, a premier martial arts institution, preserves and teaches the ancient art of Kalaripayattu from Kerala, India. Founded and led by Gurukkal S Mahesh, Agasthyam continues a legacy over 129 years old, deeply rooted in traditional combat techniques, self-defense, weaponry, and spiritual growth. This renowned school offers rigorous training that builds agility, strength, and resilience, merging physical discipline with profound cultural heritage. Agasthyam is a respected destination for those who seek not only to master Kalaripayattu but also to forge a deeper, spiritual connection to this timeless art form.", - images: [ - `${tedxsjecAssetsPrefix}/performers/Agasthyam1.avif`, - // `${tedxsjecAssetsPrefix}/performers/Agasthyam2.avif`, - // `${tedxsjecAssetsPrefix}/performers/Agasthyam3.avif`, - ], - }, + // { + // name: "Agasthyam Kalaripayattu", + // profession: "Martial Arts Institution", + // description: + // "Agasthyam Kalaripayattu, a premier martial arts institution, preserves and teaches the ancient art of Kalaripayattu from Kerala, India. Founded and led by Gurukkal S Mahesh, Agasthyam continues a legacy over 129 years old, deeply rooted in traditional combat techniques, self-defense, weaponry, and spiritual growth. This renowned school offers rigorous training that builds agility, strength, and resilience, merging physical discipline with profound cultural heritage. Agasthyam is a respected destination for those who seek not only to master Kalaripayattu but also to forge a deeper, spiritual connection to this timeless art form.", + // images: [ + // `${tedxsjecAssetsPrefix}/performers/Agasthyam1.avif`, + // // `${tedxsjecAssetsPrefix}/performers/Agasthyam2.avif`, + // // `${tedxsjecAssetsPrefix}/performers/Agasthyam3.avif`, + // ], + // }, ]; export default function Performers() { From 263d29505256998d88e0e522616504a238d63874 Mon Sep 17 00:00:00 2001 From: pranavvraja Date: Sat, 2 Nov 2024 22:37:06 +0530 Subject: [PATCH 3/3] update: minor edits --- src/components/common/Container-Scroll.tsx | 2 +- src/components/edil-ozi/text-glitch.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/common/Container-Scroll.tsx b/src/components/common/Container-Scroll.tsx index 2a3d4dd..f16f343 100644 --- a/src/components/common/Container-Scroll.tsx +++ b/src/components/common/Container-Scroll.tsx @@ -21,7 +21,7 @@ export function PreviousEdition() {
diff --git a/src/components/edil-ozi/text-glitch.tsx b/src/components/edil-ozi/text-glitch.tsx index 81906a7..2bb205c 100644 --- a/src/components/edil-ozi/text-glitch.tsx +++ b/src/components/edil-ozi/text-glitch.tsx @@ -17,7 +17,7 @@ const TextGlitchEffect: FC = ({ textOne, textTwo, className }) => { )} > {textOne} - + {textOne}