Skip to content

Commit

Permalink
added abstrac,sponsors and updated the navbar and also changed few co…
Browse files Browse the repository at this point in the history 
…mponents according to sirs needs
  • Loading branch information
@suyash101101
suyash101101 committed Dec 13, 2024
1 parent 3eef68c commit d702220
Show file tree
Hide file tree
Showing 11 changed files with 262 additions and 247 deletions.
69 changes: 37 additions & 32 deletions src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,6 @@ import About from './components/About';
import Themes from './components/Themes';
import Timeline from './components/Timeline';
import Speakers from './components/Speakers';
import Departments from './components/Departments';
import Committee from './components/Committee';
import Registration from './components/Registration';
import Contact from './components/Contact';
Expand All @@ -15,42 +14,48 @@ import Publications from './components/Publications';
import Venue from './components/Venue';
import Accommodation from './components/Accommodation';
import Sightseeing from './components/Sightseeing';
import Sponsors from './components/Sponsors';
import Abstract from './components/Abstract';

function App() {
return (
<Router>
<Navbar />
<div className="pt-20">
<Routes>
<Route path="/" element={
<>
<Hero />
<About />
<Themes />
<Timeline />
<Publications />
<Speakers />
<Departments />
<Committee />
<Registration />
<Contact />
</>
} />
<Route path="/about" element={<About />} />
<Route path="/themes" element={<Themes />} />
<Route path="/timeline" element={<Timeline />} />
<Route path="/publications" element={<Publications />} />
<Route path="/speakers" element={<Speakers />} />
<Route path="/departments" element={<Departments />} />
<Route path="/committee" element={<Committee />} />
<Route path="/contact" element={<Contact />} />
<Route path="/registration" element={<Registration />} />
<Route path="/venue" element={<Venue />} />
<Route path="/accommodation" element={<Accommodation />} />
<Route path="/sightseeing" element={<Sightseeing />} />
</Routes>
<div className="flex flex-col min-h-screen">
<Navbar />
<main className="flex-grow">
<Routes>
<Route path="/" element={
<>
<Hero />
<About />
<Themes />
<Timeline />
<Abstract />
<Speakers />
<Committee />
<Registration />
<Sponsors />
<Contact />
</>
} />
<Route path="/about" element={<About />} />
<Route path="/themes" element={<Themes />} />
<Route path="/timeline" element={<Timeline />} />
<Route path="/proceedings" element={<Publications />} />
<Route path="/speakers" element={<Speakers />} />
<Route path="/committee" element={<Committee />} />
<Route path="/contact" element={<Contact />} />
<Route path="/registration" element={<Registration />} />
<Route path="/venue" element={<Venue />} />
<Route path="/accommodation" element={<Accommodation />} />
<Route path="/sightseeing" element={<Sightseeing />} />
<Route path="/abstract" element={<Abstract />} />
<Route path="/publications" element={<Publications />} />
<Route path="/sponsors" element={<Sponsors />} />
</Routes>
</main>
<Footer />
</div>
<Footer />
</Router>
);
}
Expand Down
37 changes: 22 additions & 15 deletions src/components/About.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,41 +9,48 @@ const About = () => {
});

return (
<section ref={ref} className="py-24 bg-white" id="about">
<section ref={ref} className="py-24 bg-gray-50" id="about">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
{/* About CREST - Only title */}
<motion.div
initial={{ opacity: 0, y: 50 }}
initial={{ opacity: 0, y: 20 }}
animate={inView ? { opacity: 1, y: 0 } : {}}
transition={{ duration: 0.8 }}
className="text-center mb-16"
>
<h2 className="text-4xl font-bold text-gray-800 mb-4">About NITK - CREST 2025</h2>
<p className="text-xl text-gray-600">
1<sup>st</sup> National Conference on Climate Resilience and Environmental Sustainability using Technology
</p>
<h2 className="text-4xl font-bold text-green-700 mb-6">About CREST 2025</h2>
</motion.div>

<div className="grid grid-cols-1 gap-12">
<div className="grid md:grid-cols-2 gap-12">
{/* Conference Details */}
<motion.div
initial={{ opacity: 0, x: -50 }}
animate={inView ? { opacity: 1, x: 0 } : {}}
transition={{ duration: 0.8, delay: 0.2 }}
className="bg-white rounded-lg shadow-lg p-8"
>
<h3 className="text-2xl font-semibold mb-4 text-green-700">About the Conference</h3>
<p className="text-gray-600 mb-6">
1<sup>st</sup> National Conference on Climate Resilience and Environmental Sustainability using Technology (NITK - CREST 2025) is a pioneering event that brings together experts, researchers, and professionals. NITK-CREST 2025 aims to foster interdisciplinary collaboration to address the pressing challenges of climate change and environmental sustainability. Through innovative technological approaches, the conference will explore cutting-edge solutions for building resilient communities and sustainable ecosystems. Participants will have the opportunity to engage in thought-provoking discussions, share groundbreaking research, and contribute to shaping a sustainable future for generations to come.
</p>
<h2 className="text-3xl font-bold text-gray-800 mb-6">About CREST 2025</h2>
<div className="prose prose-lg">
<h3 className="text-2xl font-semibold mb-4 text-green-700">About the Conference</h3>
<p className="text-gray-600 mb-6">
1<sup>st</sup> National Conference on Climate Resilience and Environmental Sustainability using Technology (NITK - CREST 2025) is a pioneering event that brings together experts, researchers, and professionals. NITK-CREST 2025 aims to foster interdisciplinary collaboration to address the pressing challenges of climate change and environmental sustainability. Through innovative technological approaches, the conference will explore cutting-edge solutions for building resilient communities and sustainable ecosystems. Participants will have the opportunity to engage in thought-provoking discussions, share groundbreaking research, and contribute to shaping a sustainable future for generations to come.
</p>
</div>
</motion.div>

{/* About NITK */}
<motion.div
initial={{ opacity: 0, x: 50 }}
animate={inView ? { opacity: 1, x: 0 } : {}}
transition={{ duration: 0.8, delay: 0.4 }}
className="bg-white rounded-lg shadow-lg p-8"
>
<h3 className="text-2xl font-semibold mb-4 text-green-700">About NITK</h3>
<p className="text-gray-600">
National Institute of Technology Karnataka (NITK), Surathkal has established itself as a premier Institution engaged in imparting quality technological education and providing support to research and development activities. NITK is conferred the status of an Institution of National Importance vide NIT Act No.29 of 2007 by Govt. of India and is consistently ranked as one of the top ten technical institutions in India. NITK offers Undergraduate, Postgraduate, and Doctoral Degree programs. NITK is committed to enhancing the capabilities and potential of our human resources with the objective of transforming them into leaders in their chosen areas of interest. Our vision is to strive for excellence, be globally competitive in technical education, and focus on knowledge assimilation, generation, and dissemination.
</p>
<h2 className="text-3xl font-bold text-gray-800 mb-6">About NITK</h2>
<div className="prose prose-lg">
<p className="text-gray-600">
National Institute of Technology Karnataka (NITK), Surathkal has established itself as a premier Institution engaged in imparting quality technological education and providing support to research and development activities. NITK is conferred the status of an Institution of National Importance vide NIT Act No.29 of 2007 by Govt. of India and is consistently ranked as one of the top ten technical institutions in India. NITK offers Undergraduate, Postgraduate, and Doctoral Degree programs. NITK is committed to enhancing the capabilities and potential of our human resources with the objective of transforming them into leaders in their chosen areas of interest. Our vision is to strive for excellence, be globally competitive in technical education, and focus on knowledge assimilation, generation, and dissemination.
</p>
</div>
</motion.div>
</div>
</div>
Expand Down
48 changes: 48 additions & 0 deletions src/components/Abstract.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
import React from 'react';
import { motion } from 'framer-motion';

const Abstract = () => {
return (
<section className="py-24 bg-gray-50">
<div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
<motion.div
initial={{ opacity: 0, y: 20 }}
animate={{ opacity: 1, y: 0 }}
className="bg-white rounded-lg shadow-lg p-8"
>
<h2 className="text-3xl font-bold text-gray-800 mb-8 text-center">Abstract Submission Guidelines</h2>

<div className="prose max-w-none">
<h3 className="text-xl font-semibold mb-4">Guidelines:</h3>
<p className="mb-6">Please follow these formatting guidelines for your abstract submission:</p>

<ul className="space-y-4 list-disc pl-5">
<li><strong>Abstract Length:</strong> The abstract should be at least 200 words and must fit within one A4 page (21 cm x 29.7 cm).</li>
<li><strong>Page Margins:</strong> Use uniform margins of 2.54 cm on all sides (top, bottom, left, and right).</li>
<li><strong>Font and Spacing:</strong> Use Times New Roman, size 12pt, with single-line spacing.</li>
<li><strong>Title:</strong> The title should be in Times New Roman, size 16pt, bold, and centred. It may span up to two lines and should be followed by one blank line.</li>
<li><strong>Author Names:</strong> List author names in Times New Roman, size 12pt, and centred. Use initials followed by a dot and full family names. Separate multiple authors with commas and mark different affiliations using superscripts if necessary.</li>
<li><strong>Author Affiliations:</strong> Write affiliations in Times New Roman, size 11pt, italics, and centred. For multiple affiliations, place each on a separate line, with the last affiliation followed by two blank lines.</li>
<li><strong>Abstract Text:</strong> The main text should be in Times New Roman, size 12pt, justified on both sides. Do not indent paragraphs, and separate them with one blank line.</li>
</ul>

<p className="mt-6">Ensure adherence to these guidelines for a consistent and professional presentation.</p>
</div>

<div className="mt-8 text-center">
<a
href="https://docs.google.com/document/d/1JyM6HvGLOPve2QhhGxWpQgrXz3RKI4Ni/edit?usp=sharing&ouid=108533967560820556863&rtpof=true&sd=true"
target="_blank"
rel="noopener noreferrer"
className="bg-green-600 text-white px-6 py-3 rounded-lg hover:bg-green-700 transition-colors font-medium inline-block"
>
Download Abstract Template
</a>
</div>
</motion.div>
</div>
</section>
);
};

export default Abstract;
5 changes: 5 additions & 0 deletions src/components/Committee.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -160,6 +160,11 @@ const committeeData = {
name: 'Prof. A Chitharanjan Hegde',
title: 'Dean (SW)',
image: 'https://www.nitk.ac.in/images/pictures/6255/content/A_C_Hegde.jpg'
},
{
name: 'Prof. Shreekantha S. Rao',
title: 'Dean (A & C)',
image: 'https://www.nitk.ac.in/images/pictures/4955/content/Shrikantha_S_Rao.jpg'
}
],
nationalAdvisoryCommittee: [
Expand Down
84 changes: 0 additions & 84 deletions src/components/Departments.js
View file

This file was deleted.

Loading

0 comments on commit d702220

Please sign in to comment.