Skip to content

Commit

Permalink
add Domain component with props
Browse files Browse the repository at this point in the history
  • Loading branch information
@zydnet
zydnet committed Sep 14, 2024
1 parent d122bf1 commit 6fe20b2
Show file tree
Hide file tree
Showing 7 changed files with 178 additions and 119 deletions.
39 changes: 11 additions & 28 deletions client/src/app/corporate/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,12 @@
import Navbar from "@/components/navbar";
import Domain from "@/components/domainsections/domain";
import { corporateData } from "@/components/domainsections/data";

export default function Corporate() {
return (
<div className="min-h-screen bg-[#11071F] pb-12 xl:pb-96">
<Navbar/>
<div className="p-12 flex flex-col gap-16 xl:gap-28">
<img className="absolute z-10 w-60 lg:w-auto" src="corporate.png " />
<div className="z-50 flex flex-col items-center justify-center content ">
<h1 className="text-white text-2xl lg:text-5xl font-semibold mt-14 font-Montserrat"> Corporate Domain </h1>
<h2 className="text-white text-base text-center lg:text-2xl font-semibold w-2/3 mt-16 font-Montserrat "> For those who thrive on networking, strategy, and the business side of data science, the Corporate Domain is your playground. This domain bridges the gap between technology and industry, offering opportunities to engage with professionals, manage partnerships, and explore data-driven business strategies. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> Content </h1>
<h2 className="text-white text-base text-center lg:text-2xl font-semibold w-2/3 mt-16 font-Montserrat"> The creative powerhouse behind every campaign. From crafting compelling narratives to storytelling, content is your key to unlocking impactful communication. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat "> PR & Events </h1>
<h2 className="text-white text-base text-center lg:text-2xl font-semibold w-2/3 mt-16 font-Montserrat">Turn visions into unforgettable realities. Meticulously plan and execute events that leave a lasting impression, turning every moment into an extraordinary experience. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> Sponsorship </h1>
<h2 className="text-white text-base text-center lg:text-2xl font-semibold w-2/3 mt-16 font-Montserrat"> Forge impactful partnerships that go beyond business deals. Elevate brands and innovations through strategic collaborations that open new doors to success. </h2>
</div>
</div>
</div>
);
}

export default function CorporatePage() {
return (
<Domain
imgSrc={corporateData.imgSrc}
altText={corporateData.altText}
sections={corporateData.sections}
/>
);
}
39 changes: 11 additions & 28 deletions client/src/app/creatives/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,12 @@
import Navbar from "@/components/navbar";
import Domain from "@/components/domainsections/domain";
import { creativesData } from "@/components/domainsections/data";

export default function Creatives() {
return (
<div className="min-h-screen bg-[#11071F] pb-12 xl:pb-96">
<Navbar/>
<div className="p-12 flex flex-col gap-16 xl:gap-28">
<img className="absolute z-10 w-60 lg:w-auto" src="creatives.png " />
<div className="z-50 flex flex-col items-center justify-center content ">
<h1 className="text-white text-2xl lg:text-5xl font-semibold mt-14 font-Montserrat"> Creatives Domain </h1>
<h2 className="text-white text-base lg:text-2xl font-semibold text-center w-2/3 mt-16 font-Montserrat "> The artistic heart of our community! it is where imagination takes center stage, focusing on designing eye-catching posters, crafting visual content, and bringing ideas to life through design. If you have a passion for creativity, visual storytelling, or just love making things look great, this is your space. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> UI/UX </h1>
<h2 className="text-white text-base lg:text-2xl font-semibold text-center w-2/3 mt-16 font-Montserrat"> Design with purpose. In the UI/UX space, we create seamless user experiences that balance aesthetics and functionality. It’s where innovation meets empathy, and every interface tells a story through design. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat "> Photography </h1>
<h2 className="text-white text-base lg:text-2xl font-semibold text-center w-2/3 mt-16 font-Montserrat">Capture the world one frame at a time. Whether it’s the beauty in everyday moments or the extraordinary through your lens, photography is where moments become timeless. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> VFX </h1>
<h2 className="text-white text-base lg:text-2xl font-semibold text-center w-2/3 mt-16 font-Montserrat"> Craft the unseen and bring imagination to life, one visual at a time. From transforming the ordinary into the extraordinary to pushing the boundaries of creativity, VFX is where visions evolve into immersive realities. </h2>
</div>
</div>
</div>
);
}

export default function CreativesPage() {
return (
<Domain
imgSrc={creativesData.imgSrc}
altText={creativesData.altText}
sections={creativesData.sections}
/>
);
}
42 changes: 8 additions & 34 deletions client/src/app/research/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,38 +1,12 @@
import Navbar from "@/components/navbar";
import Domain from "@/components/domainsections/domain";
import { researchData } from "@/components/domainsections/data";

export default function Research() {
export default function ResearchPage() {
return (
<div className="min-h-screen bg-[#11071F] pb-12 xl:pb-96">
<Navbar />
<div className=" lg:p-12 flex flex-col gap-16 xl:gap-28">
<img className="absolute z-10 w-60 lg:w-auto" src="research.png " />
<div className="z-50 flex flex-col items-center justify-center content ">
<h1 className="text-white font-Montserrat text-2xl lg:text-5xl font-semibold mt-14">
{" "}
Research Domain{" "}
</h1>
<h2 className="text-white text-base text-center font-Montserrat lg:text-2xl font-semibold w-2/3 mt-16 ">
"Research is seeing what everybody else has seen and thinking what
nobody else has thought." This powerful statement captures the
essence of innovation and discovery, particularly in the field of
data science and artificial intelligence. If you are someone who
thrives on curiosity, analytical thinking, and the relentless
pursuit of knowledge, then the Research Domain is your ideal
playground.<br/><br/> Here, you have the opportunity to collaborate on
groundbreaking projects, experiment with new methodologies, and push
the boundaries of what is possible.<br/><br/> Whether it’s diving deep into
complex datasets, uncovering hidden patterns, or developing new
algorithms, your contributions can have a significant impact on the
ever-evolving fields of AI and machine learning. Moreover, the
Research Domain is not just about exploring the unknown; it’s also
about sharing your findings with the world.<br/><br/> By publishing papers and
presenting your work, you can contribute to the global body of
knowledge and inspire others to think differently. Join us in this
exciting journey to uncover new insights, challenge existing
paradigms, and shape the future of technology.{" "}
</h2>
</div>
</div>
</div>
<Domain
imgSrc={researchData.imgSrc}
altText={researchData.altText}
sections={researchData.sections}
/>
);
}
39 changes: 11 additions & 28 deletions client/src/app/technical/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,29 +1,12 @@
import Navbar from "@/components/navbar";
import Domain from "@/components/domainsections/domain";
import { technicalData } from "@/components/domainsections/data";

export default function Technical() {
return (
<div className="min-h-screen bg-[#11071F] pb-12 xl:pb-96">
<Navbar/>
<div className="p-12 flex flex-col gap-16 xl:gap-28">
<img className="absolute z-10 w-60 lg:w-auto" src="technical.png " />
<div className="z-50 flex flex-col items-center justify-center content ">
<h1 className="text-white text-2xl lg:text-5xl font-semibold mt-14 font-Montserrat"> Technical Domain </h1>
<h2 className="text-white text-base lg:text-2xl font-semibold text-center w-2/3 mt-16 font-Montserrat "> Just like mastering each level in a retro game, the Technical Domain empowers you to build, code, and create with precision. Whether you're coding your way through complex problems or developing the next big app, this is where you hone your technical prowess and play to win. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat "> AI/ML </h1>
<h2 className="text-white text-base lg:text-2xl text-center font-semibold w-2/3 mt-16 font-Montserrat"> Enter the realm of artificial intelligence, where machines learn and data becomes your game controller. Train models, analyze patterns, and unlock the future of tech. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> Web Dev </h1>
<h2 className="text-white text-base lg:text-2xl text-center font-semibold w-2/3 mt-16 font-Montserrat"> Build the web like crafting the perfect game map—one line of code at a time. Design responsive, interactive websites that level up user experiences and leave a lasting impact. </h2>
</div>
<div className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat"> App Dev </h1>
<h2 className="text-white text-base lg:text-2xl text-center font-semibold w-2/3 mt-16 font-Montserrat"> Take your coding skills to the next level by developing apps that feel like a cheat code for the modern world. Dive deep into the world of app creation and build with hands-on learning. </h2>
</div>
</div>
</div>
);
}

export default function ResearchPage() {
return (
<Domain
imgSrc={technicalData.imgSrc}
altText={technicalData.altText}
sections={technicalData.sections}
/>
);
}
95 changes: 95 additions & 0 deletions client/src/components/domainsections/data.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
export const corporateData = {
imgSrc: "/corporate.png",
altText: "Corporate",
sections: [
{
heading: "Corporate Domain",
content:
"For those who thrive on networking, strategy, and the business side of data science, the Corporate Domain is your playground. This domain bridges the gap between technology and industry, offering opportunities to engage with professionals, manage partnerships, and explore data-driven business strategies.",
},
{
heading: "Content",
content:
"The creative powerhouse behind every campaign. From crafting compelling narratives to storytelling, content is your key to unlocking impactful communication.",
},
{
heading: "PR & Events",
content:
"Turn visions into unforgettable realities. Meticulously plan and execute events that leave a lasting impression, turning every moment into an extraordinary experience.",
},
{
heading: "Sponsorship",
content:
"Forge impactful partnerships that go beyond business deals. Elevate brands and innovations through strategic collaborations that open new doors to success.",
},
],
};

export const creativesData = {
imgSrc: "/creatives.png",
altText: "Creatives",
sections: [
{
heading: "Creatives Domain",
content:
"The artistic heart of our community! This is where imagination takes center stage, focusing on designing eye-catching posters, crafting visual content, and bringing ideas to life through design. If you have a passion for creativity, visual storytelling, or just love making things look great, this is your space.",
},
{
heading: "UI/UX",
content:
"Design with purpose. In the UI/UX space, we create seamless user experiences that balance aesthetics and functionality. It’s where innovation meets empathy, and every interface tells a story through design.",
},
{
heading: "Photography",
content:
"Capture the world one frame at a time. Whether it’s the beauty in everyday moments or the extraordinary through your lens, photography is where moments become timeless.",
},
{
heading: "VFX",
content:
"Craft the unseen and bring imagination to life, one visual at a time. From transforming the ordinary into the extraordinary to pushing the boundaries of creativity, VFX is where visions evolve into immersive realities.",
},
],
};

export const researchData = {
imgSrc: "/research.png",
altText: "Research",
sections: [
{
heading: "Research Domain",
content:
'"Research is seeing what everybody else has seen and thinking what nobody else has thought." This powerful statement captures the essence of innovation and discovery, particularly in the field of data science and artificial intelligence. If you are someone who thrives on curiosity, analytical thinking, and the relentless pursuit of knowledge, then the Research Domain is your ideal playground.\n\n' +
"Here, you have the opportunity to collaborate on groundbreaking projects, experiment with new methodologies, and push the boundaries of what is possible. Whether it’s diving deep into complex datasets, uncovering hidden patterns, or developing new algorithms, your contributions can have a significant impact on the ever-evolving fields of AI and machine learning.\n\n" +
"Moreover, the Research Domain is not just about exploring the unknown; it’s also about sharing your findings with the world. By publishing papers and presenting your work, you can contribute to the global body of knowledge and inspire others to think differently.\n\n" +
"Join us in this exciting journey to uncover new insights, challenge existing paradigms, and shape the future of technology.",
},
],
};

export const technicalData = {
imgSrc: "/technical.png",
altText: "Technical",
sections: [
{
heading: "Technical Domain",
content:
"Just like mastering each level in a retro game, the Technical Domain empowers you to build, code, and create with precision. Whether you're coding your way through complex problems or developing the next big app, this is where you hone your technical prowess and play to win.",
},
{
heading: "AI/ML",
content:
"Enter the realm of artificial intelligence, where machines learn and data becomes your game controller. Train models, analyze patterns, and unlock the future of tech.",
},
{
heading: "Web Dev",
content:
"Build the web like crafting the perfect game map—one line of code at a time. Design responsive, interactive websites that level up user experiences and leave a lasting impact.",
},
{
heading: "App Dev",
content:
"Take your coding skills to the next level by developing apps that feel like a cheat code for the modern world. Dive deep into the world of app creation and build with hands-on learning.",
},
],
};
42 changes: 42 additions & 0 deletions client/src/components/domainsections/domain.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
import Navbar from "@/components/navbar";
import Image from "next/image";
import React from "react";

type DomainProps = {
imgSrc: string;
altText: string;
sections: { heading: string; content: string }[];
};

export default function Domain({ imgSrc, altText, sections }: DomainProps) {
return (
<div className="min-h-screen bg-[#11071F] pb-12 xl:pb-96">
<Navbar />
<div className="p-12 flex flex-col gap-16 xl:gap-28">
<Image
className="absolute z-10 w-60 lg:w-96"
src={imgSrc}
alt={altText}
width={500}
height={500}
/>

{sections.map((section, index) => (
<div key={index} className="z-50 flex flex-col items-center justify-center content">
<h1 className="text-white text-2xl lg:text-5xl font-semibold font-Montserrat">
{section.heading}
</h1>
<h2 className="text-white text-base text-center lg:text-2xl font-semibold w-2/3 mt-16 font-Montserrat">
{section.content.split("\n").map((line, lineIndex) => (
<React.Fragment key={lineIndex}>
{line}
<br />
</React.Fragment>
))}
</h2>
</div>
))}
</div>
</div>
);
}
1 change: 0 additions & 1 deletion client/src/components/navbar.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import Image from "next/image";

export default function Navbar() {
return (
Expand Down

0 comments on commit 6fe20b2

Please sign in to comment.