Made minor changes in UI
This commit is contained in:
BIN
src/assets/Raiselogo.png
Normal file
BIN
src/assets/Raiselogo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
@@ -1,5 +1,6 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { MapPin, Phone, Mail, Landmark, ExternalLink } from 'lucide-react';
|
import { MapPin, Phone, Mail, Landmark, ExternalLink } from 'lucide-react';
|
||||||
|
import raiseLogo from '../assets/Raiselogo.png';
|
||||||
|
|
||||||
interface FooterProps {
|
interface FooterProps {
|
||||||
onScrollToSection: (sectionId: string) => void;
|
onScrollToSection: (sectionId: string) => void;
|
||||||
@@ -17,7 +18,7 @@ export const FooterContact: React.FC<FooterProps> = ({ onScrollToSection }) => {
|
|||||||
{/* Brand Column */}
|
{/* Brand Column */}
|
||||||
<div className="lg:col-span-4 space-y-6">
|
<div className="lg:col-span-4 space-y-6">
|
||||||
<div className="flex items-center gap-3">
|
<div className="flex items-center gap-3">
|
||||||
<img src="/Raiselogo.png" alt="RAISE Incubator Logo" className="h-10 w-auto object-contain rounded-lg logo-black" />
|
<img src={raiseLogo} alt="RAISE Incubator Logo" className="h-10 w-auto object-contain rounded-lg logo-black" />
|
||||||
<div>
|
<div>
|
||||||
<span className="font-heading font-extrabold text-lg tracking-tight text-neutral-900 block leading-none">RAISE</span>
|
<span className="font-heading font-extrabold text-lg tracking-tight text-neutral-900 block leading-none">RAISE</span>
|
||||||
<span className="font-sans font-semibold text-[9px] text-neutral-400 uppercase tracking-wider block mt-1">
|
<span className="font-sans font-semibold text-[9px] text-neutral-400 uppercase tracking-wider block mt-1">
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
import React, { useState, useEffect } from 'react';
|
import React, { useState, useEffect } from 'react';
|
||||||
import { motion } from 'framer-motion';
|
import { motion } from 'framer-motion';
|
||||||
import { ArrowDown, Award } from 'lucide-react';
|
import { ArrowDown, Award } from 'lucide-react';
|
||||||
|
import raiseLogo from '../assets/Raiselogo.png';
|
||||||
|
|
||||||
interface HeroProps {
|
interface HeroProps {
|
||||||
onScrollToSection: (sectionId: string) => void;
|
onScrollToSection: (sectionId: string) => void;
|
||||||
@@ -71,7 +72,7 @@ export const Hero: React.FC<HeroProps> = ({ onScrollToSection }) => {
|
|||||||
>
|
>
|
||||||
<div className="flex items-center gap-3.5 cursor-pointer" onClick={() => onScrollToSection('hero')}>
|
<div className="flex items-center gap-3.5 cursor-pointer" onClick={() => onScrollToSection('hero')}>
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
<img src="/Raiselogo.png" alt="RAISE Incubator Logo" className="h-11 w-auto object-contain rounded-lg logo-black" />
|
<img src={raiseLogo} alt="RAISE Incubator Logo" className="h-11 w-auto object-contain rounded-lg logo-black" />
|
||||||
<div className="absolute -top-1 -right-1 w-3 h-3 rounded-full bg-emerald-500 border-2 border-white animate-pulse" />
|
<div className="absolute -top-1 -right-1 w-3 h-3 rounded-full bg-emerald-500 border-2 border-white animate-pulse" />
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -147,8 +148,7 @@ export const Hero: React.FC<HeroProps> = ({ onScrollToSection }) => {
|
|||||||
className="flex select-none justify-center items-center gap-4 md:gap-8 mb-6 cursor-ew-resize"
|
className="flex select-none justify-center items-center gap-4 md:gap-8 mb-6 cursor-ew-resize"
|
||||||
>
|
>
|
||||||
{letters.map((letter, idx) => (
|
{letters.map((letter, idx) => (
|
||||||
<motion.span
|
<span
|
||||||
layout
|
|
||||||
key={letter + idx}
|
key={letter + idx}
|
||||||
onMouseEnter={() => handleMouseEnter(idx)}
|
onMouseEnter={() => handleMouseEnter(idx)}
|
||||||
onMouseLeave={() => handleMouseLeave(idx)}
|
onMouseLeave={() => handleMouseLeave(idx)}
|
||||||
@@ -173,7 +173,7 @@ export const Hero: React.FC<HeroProps> = ({ onScrollToSection }) => {
|
|||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{letter}
|
{letter}
|
||||||
</motion.span>
|
</span>
|
||||||
))}
|
))}
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
@@ -186,7 +186,7 @@ export const Hero: React.FC<HeroProps> = ({ onScrollToSection }) => {
|
|||||||
className="flex flex-col items-center"
|
className="flex flex-col items-center"
|
||||||
>
|
>
|
||||||
<h2 className="font-heading text-lg md:text-xl lg:text-2xl font-bold text-neutral-800 max-w-4xl tracking-normal md:tracking-wide mb-6 uppercase">
|
<h2 className="font-heading text-lg md:text-xl lg:text-2xl font-bold text-neutral-800 max-w-4xl tracking-normal md:tracking-wide mb-6 uppercase">
|
||||||
<span className="text-neutral-900 border-b-2 border-neutral-900 pb-1 mr-2">Rajalakshmi Accelerator</span> & Incubator for Startup Enterprises Association
|
Rajalakshmi Accelerator & Incubator for Startup Enterprises Association
|
||||||
</h2>
|
</h2>
|
||||||
|
|
||||||
<p className="font-sans text-sm md:text-base text-neutral-500 max-w-2xl leading-relaxed mb-12">
|
<p className="font-sans text-sm md:text-base text-neutral-500 max-w-2xl leading-relaxed mb-12">
|
||||||
|
|||||||
Reference in New Issue
Block a user