Skip to content

Commit

Permalink
Merge pull request #53 from RotaractMora/bugfixed-sasanka
Browse files Browse the repository at this point in the history 
Bugfixed sasanka
  • Loading branch information
@SakinduRansindu
SakinduRansindu authored Dec 22, 2024
2 parents f2dbf3b + bd34697 commit 081d0e9
Show file tree
Hide file tree
Showing 3 changed files with 90 additions and 61 deletions.
21 changes: 18 additions & 3 deletions src/app/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -378,6 +378,19 @@ export default function Home() {
)}
</div>

<div className="scroll-mt-20 py-8 px-6 text-center bg-gray-100 dark:bg-gray-800">
<h2 className="text-2xl md:text-3xl font-bold text-center dark:text-custom-color-800 bg-gradient-to-r from-[#0f0271] to-[#15c0fe] bg-clip-text text-transparent mb-4">
Thank You for Your Support!
</h2>
<p className="mt-4 text-base md:text-lg text-gray-600 dark:text-gray-400 leading-relaxed">
We deeply appreciate your unwavering support in making this event a
success. Your contributions inspire us to innovate, collaborate, and
grow. Together, we’re achieving remarkable milestones. Stay tuned for
exciting updates as we continue this incredible journey. Thank you for
being a vital part of our mission!
</p>
</div>

<div id="sponsors" className="scroll-mt-20">
{/* <LampLighting firstLine="Sponsors" secondLine="" /> */}
</div>
Expand Down Expand Up @@ -418,9 +431,7 @@ export default function Home() {
<EmptyStateMessage message="Sponsors will be available soon." />
)}

<ExpandableCard />
{/* <ExpandableCardGrid cards={cards} /> */}


<section
id="registrationStatus"
className="scroll-mt-20 relative py-16 w-full"
Expand All @@ -432,6 +443,10 @@ export default function Home() {
</div>
</section>

<ExpandableCard />
{/* <ExpandableCardGrid cards={cards} /> */}


<div id="reach_us" className="scroll-mt-20">
{!isReachUsGridLoading && (
<GridBackground title="Reach Us">
Expand Down
78 changes: 45 additions & 33 deletions src/components/ui/floating-navbar.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
'use client';
"use client";

import React, { useContext, useState } from "react";
import { cn } from "@/lib/utils";
Expand All @@ -7,7 +7,7 @@ import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
import { ThemeContext } from "@/app/layout";
import Image from "next/image";
import { IThemeContextType } from "@/interfaces/IThemeContext";
import SMALL_LOGO from "../../../public/Images/logo/RUR20_small.png"
import SMALL_LOGO from "../../../public/Images/logo/RUR20_small.png";
import { AnimatePresence, motion } from "framer-motion";

export const FloatingNav = ({
Expand Down Expand Up @@ -36,59 +36,71 @@ export const FloatingNav = ({
return (
<div>
{/* Top Navigation Bar */}
<div className={cn(
"fixed top-0 left-0 right-0 z-50",
"px-4 py-3 flex justify-between items-center",
"backdrop-blur bg-white/70 dark:bg-black/30",
"border-b border-gray-200 dark:border-gray-800",
className
)}>
<div
className={cn(
"z-50 px-4 py-3 flex justify-between items-center",
"bg-white/70 dark:bg-black/30 border-b border-gray-200 dark:border-gray-800",
"fixed top-0 left-0 right-0 md:relative md:top-4 md:left-1/2 md:transform md:-translate-x-1/2 md:w-max md:px-8 md:py-4 md:rounded-lg md:shadow-lg",
"border border-gray-300 md:rounded-l-lg md:rounded-r-lg"
)}
>
<div className="flex items-center space-x-4">
<Link href="/" className="flex items-center">
<Link href="/" className="flex items-center space-x-2">
<Image
src={SMALL_LOGO}
alt="logo"
className="h-8 w-8 md:h-10 md:w-10 object-contain"
className="h-10 w-10 object-contain"
height={40}
width={40}
/>
</Link>

{/* Desktop Navigation */}
<div className="hidden md:flex space-x-4">
<div className="hidden md:flex space-x-6">
{navItems.map((navItem, idx) => (
<Link
key={`link-${idx}`}
href={navItem.link}
className="text-sm text-neutral-700 dark:text-neutral-300
hover:text-neutral-900 dark:hover:text-neutral-100
transition-colors duration-200"
className="text-sm font-medium text-gray-700 hover:text-blue-500 transition-all duration-200"
>
{navItem.name}
</Link>
))}
</div>
</div>

{/* Mobile Menu Toggle */}
<button
onClick={() => setIsMenuOpen(!isMenuOpen)}
className="md:hidden rounded-full p-2
hover:bg-neutral-100 dark:hover:bg-neutral-800
transition-colors duration-200"
>
{isMenuOpen ? (
<XMarkIcon className="h-6 w-6 text-neutral-700 dark:text-neutral-300" />
) : (
<Bars3Icon className="h-6 w-6 text-neutral-700 dark:text-neutral-300" />
)}
</button>
{/* Mobile View */}
<div className="flex items-center space-x-2 md:hidden">
{/* Mobile Registration Button */}
<button
className="px-4 py-2 bg-black text-white rounded-lg
dark:bg-white dark:text-black
hover:bg-gray-800 dark:hover:bg-gray-200
transition-colors text-sm font-medium"
>
Registration portal
</button>

{/* Mobile Menu Toggle */}
<button
onClick={() => setIsMenuOpen(!isMenuOpen)}
className="rounded-full p-2
hover:bg-neutral-100 dark:hover:bg-neutral-800
transition-colors duration-200"
>
{isMenuOpen ? (
<XMarkIcon className="h-6 w-6 text-neutral-700 dark:text-neutral-300" />
) : (
<Bars3Icon className="h-6 w-6 text-neutral-700 dark:text-neutral-300" />
)}
</button>
</div>
</div>

{/* Mobile Navigation Overlay */}
<AnimatePresence>
{isMenuOpen && (
<motion.div
<motion.div
initial={{ opacity: 0, y: -50 }}
animate={{ opacity: 1, y: 0 }}
exit={{ opacity: 0, y: -50 }}
Expand All @@ -104,9 +116,9 @@ export const FloatingNav = ({
initial={{ opacity: 0, x: -20 }}
animate={{ opacity: 1, x: 0 }}
exit={{ opacity: 0, x: -20 }}
transition={{
duration: 0.3,
delay: idx * 0.1
transition={{
duration: 0.3,
delay: idx * 0.1,
}}
>
<Link
Expand All @@ -130,4 +142,4 @@ export const FloatingNav = ({
);
};

export default FloatingNav;
export default FloatingNav;
52 changes: 27 additions & 25 deletions src/components/ui/responsiveHero.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,25 +9,25 @@ const MobileHero = () => {
{/* Background Images Container */}
<div className="absolute inset-0 overflow-hidden">
{/* Large circle image 1 */}
<div className="absolute sm2:w-[370px] sm2:h-[370px] sm1:w-[350px] sm1:h-[350px] w-[300px] h-[300px] top-0 left-0">
<div className="w-full h-full rounded-full overflow-hidden">
<img
src="/Images/RUR (1).jpg"
alt="from Rur previous event"
className="w-full h-full object-cover opacity-100"
/>
</div>
<div className="absolute sm2:w-[370px] sm2:h-[370px] sm1:w-[350px] sm1:h-[350px] w-[300px] h-[300px] top-0 left-0">
<div className="w-full h-full rounded-full overflow-hidden">
<img
src="/Images/RUR (1).jpg"
alt="from Rur previous event"
className="w-full h-full object-cover opacity-100"
/>
</div>
</div>

{/* Large circle image 2 */}
<div className="absolute sm2:w-[385px] sm2:h-[385px] sm1:w-[350px] sm1:h-[350px] w-[300px] h-[300px] top-[50%] right-0">
<div className="w-full h-full rounded-full overflow-hidden transform translate-y-[-50%]">
<img
<div className="absolute sm2:w-[385px] sm2:h-[385px] sm1:w-[350px] sm1:h-[350px] w-[300px] h-[300px] top-[50%] right-0">
<div className="w-full h-full rounded-full overflow-hidden transform translate-y-[-50%]">
<img
src="/Images/RUR (2).jpg"
alt="from Rur previous event"
className="w-full h-full object-cover opacity-100"
/>
</div>
/>
</div>
</div>

{/* Small circle image */}
Expand All @@ -39,7 +39,8 @@ const MobileHero = () => {
className="w-full h-full object-cover opacity-95"
/>
</div>
</div>
</div>

{/* Gradient overlay */}
<div className="absolute inset-0
bg-gradient-to-r
Expand All @@ -66,29 +67,30 @@ const MobileHero = () => {

{/* Description */}
<div className='sm1:mx-1 mx-auto'>
<p className="dark:text-gray-300 text-custom-color-300 text-lg mb-12 max-w-md sm1:text-left text-center">
The Virtual Odyssey in Corporate Arena
</p>
{/* <p className="dark:text-gray-300 text-custom-color-300 text-lg mb-12 max-w-md sm1:text-left text-center">
The Virtual Odyssey in Corporate Arena
</p> */}
</div>

{/* Buttons */}
<div className="flex space-x-4 sm1:mx-1 mx-auto">
<button className="px-8 py-3 bg-black dark:bg-white dark:text-black text-white rounded-full dark:hover:bg-gray-100 hover:bg-custom-dark-color-800 transition-colors">
{/* <button className="px-8 py-3 bg-black dark:bg-white dark:text-black text-white rounded-full dark:hover:bg-gray-100 hover:bg-custom-dark-color-800 transition-colors">
Registration portal
</button>
{/* <button className="px-8 py-3 border-2 dark:border-white border-black dark:text-white text-black rounded-full dark:hover:bg-white/10 hover:bg-black/10 transition-colors flex items-center">
<svg className="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="currentColor">
<path d="M8 5v14l11-7z"/>
</svg>
Watch trailer
</button> */}
</button> */}
{/* <button className="px-8 py-3 border-2 dark:border-white border-black dark:text-white text-black rounded-full dark:hover:bg-white/10 hover:bg-black/10 transition-colors flex items-center">
<svg className="w-5 h-5 mr-2" viewBox="0 0 24 24" fill="currentColor">
<path d="M8 5v14l11-7z"/>
</svg>
Watch trailer
</button> */}
</div>
</div>
</div>
</div>
);
};


interface ResponsiveHeroProps {
products: any; // Replace 'any' with the appropriate type if known
}
Expand Down

0 comments on commit 081d0e9

Please sign in to comment.