Skip to content

Commit

Permalink
Merge pull request #41 from Bloceducare/development
Browse files Browse the repository at this point in the history
  • Loading branch information
@codeWhizperer
codeWhizperer authored Oct 7, 2023
2 parents 93dee9f + 5ea3fad commit b654caf
Show file tree
Hide file tree
Showing 69 changed files with 1,341 additions and 1,093 deletions.
Binary file added assets/fonts/Acid-Grotesk/acid.otf
View file
Binary file not shown.
Binary file added assets/fonts/Acid-Grotesk/acid_bold.otf
View file
Binary file not shown.
Binary file added assets/fonts/Acid-Grotesk/acid_bold_italic.otf
View file
Binary file not shown.
Binary file added assets/fonts/Acid-Grotesk/acid_italic.otf
View file
Binary file not shown.
Binary file added assets/fonts/Acid-Grotesk/acid_medium.otf
View file
Binary file not shown.
Binary file added assets/fonts/Acid-Grotesk/acid_medium_italic.otf
View file
Binary file not shown.
55 changes: 55 additions & 0 deletions components/About.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
import Image from "next/image";
import Link from "next/link";
import React from "react";

type Icard = {
title: string;
desc: string;
more: string;
link: string;
};

const Card = ({ title, desc, more }: Icard) => {
return (
<div className="bg-header shadow-lg rounded-lg flex flex-col h-full">
<div className="p-6 flex-grow">
<h3 className="my-2 text-[40px] leading-[44px] font-bold text-[#23242A]">{title}</h3>
<p className="mb-12 text-[20px] leading-[26px] font-[500] text-[#23242A] overflow-y-auto">
{desc}
</p>
</div>
<div className="shaow-lg p-6 border border-t-2">
<a target="_blank" className="text-[#053758] underline font-[700] text-[20px] leading-[27px]" href="#" rel="noopener noreferrer">
{more}
</a>
</div>
</div>
);
};


function About() {
return (
<section className="mt-12">
<div className="container mx-auto">
<div className="grid md:grid-cols-2 lg:grid-cols-2 gap-x-8 items-stretch">
<Card
title="Our Goal"
desc="At Web3bridge, we believe education is critical in the drive for adoption of blockchain technology. And we have set up Web3 Lagos conference to bring education across varying topics/subjects and comprehension of blockchain technology and its core infrastructure."
more={`Learn more`}
link="#"
/>

<Card
title="Event Overview"
desc="Web3 Lagos Conference is a 3-day physical and virtual event comprising of hackathon, workshops, networking, career fair, panel session, talks, etc. The event focuses on onboarding and supporting the growth of individual new to the concept of blockchain and decentralisation, helping technical and non-technical blockchain native persons realise the endless possibilities and opportunities of the Blockchain & Ethereum ecosystem."
more="Visit X (Twitter) to Learn more"
link={`#`}
/>
</div>
</div>
</section>
);
}

export default About;
60 changes: 60 additions & 0 deletions components/Carousel.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
import React, { useState, useEffect } from 'react';
import Image from 'next/image';
import oluchi1 from '../public/oluchi.png';
import oluchi2 from '../public/oluchi.png';
import oluchi3 from '../public/oluchi.png';

const images = [oluchi1, oluchi2, oluchi3]; // Update with your image imports

const Carousel = () => {
const [currentImageIndex, setCurrentImageIndex] = useState(0);

const nextSlide = () => {
setCurrentImageIndex((prevIndex) => (prevIndex + 1) % images.length);
};

const prevSlide = () => {
setCurrentImageIndex((prevIndex) => (prevIndex - 1 + images.length) % images.length);
};

useEffect(() => {
const interval = setInterval(() => {
nextSlide();
}, 3000); // Change the interval duration as needed (in milliseconds)

return () => clearInterval(interval);
}, []);

return (
<div className="flex flex-col items-center justify-center">
<div className="relative w-1130 h-595 overflow-hidden">
<div className="flex transition-transform duration-500 ease-in-out transform translate-x-[calc(-100% * var(--index))]">
{images.map((image, index) => (
<div key={index} className="w-full">
<Image src={image} alt={`Slide ${index}`} width={1130} height={595} />
</div>
))}
</div>
<div className="absolute top-1/2 left-0 transform -translate-y-1/2 flex space-x-2">
<button onClick={prevSlide} className="h-10 w-10 bg-gray-700 text-white">
Prev
</button>
<button onClick={nextSlide} className="h-10 w-10 bg-gray-700 text-white">
Next
</button>
</div>
<div className="absolute bottom-4 left-1/2 transform -translate-x-1/2 flex space-x-2">
{images.map((_, index) => (
<div
key={index}
className={`h-3 w-3 rounded-full bg-gray-400 ${currentImageIndex === index ? 'bg-gray-700' : ''}`}
onClick={() => setCurrentImageIndex(index)}
/>
))}
</div>
</div>
</div>
);
};

export default Carousel;
52 changes: 52 additions & 0 deletions components/Contact.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
import React from "react";

function Contact() {
return (
// <div className="w-[70%] h-[371px] mx-auto justify-center">
// <div className="bg-[#3e5f75] bx rounded-lg">
// <div className="flex items-center justify-between p-24">
// <div>
// <h2 className="text-[40px] leading-[48px] text-white font-[700]">Enquiries/Details</h2>
// <p className="text-white text-[24px] leading-[31px]">
// Contact <a href="mailto:[email protected]">event@web3bridge</a> <span>or<br/></span>{" "}
// <a href="mailto:[email protected]">ayodeji@web3bridge</a>
// </p>
// </div>
// <div>
// <button className="text-white cta py-2 rounded-lg text-[30px] leading-[36px] font-[700] px-4">Get in touch</button>
// </div>
// </div>
// </div>
// </div>

<div className="w-full mx-auto flex items-center justify-center">
<div className="max-w-screen-lg w-full p-2 md:p-8 lg:p-8">
<div className="bg-[#3e5f75] bx flex items-center justify-between rounded-lg p-8">
<div>
<h2 className="text-3xl lg:text-4xl text-white font-semibold mb-4">
Enquiries/Details
</h2>

<p className="text-white text-lg lg:text-xl mb-8">
Contact{" "}
<a href="mailto:[email protected]" className="underline">
[email protected]
</a>{" "}
or{" "}
<a href="mailto:[email protected]" className="underline">
[email protected]
</a>
</p>
</div>
<div>
<button className="bg-white text-[#3e5f75] cta py-0 md:py-3 lg:py-3 px-2 md:px-8 lg:px-8 rounded-lg text-base md:text-lg lg:text-xl font-semibold">
Get in touch
</button>
</div>
</div>
</div>
</div>
);
}

export default Contact;
119 changes: 53 additions & 66 deletions components/Gallery.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,76 +1,63 @@
import arrow from "public/arrows.png";
import Image from "next/image";
const Gallery = () => {

return (
<>
<div className="h-screen flex items-center bg-top bg-no-repeat bg-[url('../images/web3lagos.jpg')] h-[calc(100vh-4rem)] bg-cover ">
<div className="p-4 md:p-12 lg:p-12">
<div className="bg-transparent text-gray-200">
<div className="text-3xl md:text-6xl lg:text-6xl font-bold leading-[50px] md:leading-[90px] lg:leading-[90px]">
<h2>Our</h2>
<h2>Success Story;</h2>
return (
<>
<section>
<div className=" items-center bg-top bg-no-repeat bg-[url('../images/web3lagos.jpg')] bg-cover ">
<div className="p-4 md:p-12 lg:p-12">
<div className="bg-transparent text-gray-200">
<div className="text-3xl md:text-6xl lg:text-6xl font-bold leading-[50px] md:leading-[56px] lg:leading-[56px]">
<h2>Our</h2>
<h2>Success Story;</h2>
</div>
<div>
<div className="text-2xl mt-2">
<p>Check gallery from the previous event</p>
</div>
<div>
<div className="text-2xl mt-2">
<p>Check gallery from the previous event</p>
<div className="flex gap-4 mt-7 items-center">
<div>
<Image src={arrow} alt="arrow" />
</div>
<div className="flex gap-4 mt-7 items-center">
<div className="bg-white rounded-full flex items-center justify-center w-8 h-8 md:w-16 md:h-16 lg:w-16 lg:h-16">
<img src="/right-arrow.png" alt="right arrow" width="30px" />
</div>
<div className="text-2xl md:text-3xl lg:text-3xl ">
<p>
Day 1:{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="https://photos.app.goo.gl/q9LVHsE9un57Kt1d8"
>
Link Here
</a>
</p>
</div>
<div className="text-2xl md:text-3xl lg:text-3xl ">
<p>
W3LC 2022:{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="#"
>
Link Here
</a>
</p>
</div>
<div className="flex gap-4 mt-7 items-center">
<div className="bg-white rounded-full flex items-center justify-center w-8 h-8 md:w-16 md:h-16 lg:w-16 lg:h-16">
<img src="/right-arrow.png" alt="right arrow" width="30px" />
</div>
<div className="text-2xl md:text-3xl lg:text-3xl">
<p>
Day 2:{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="https://photos.app.goo.gl/RbwmBsbjJoUq4nTm6"
>
Link Here
</a>
</p>
</div>
</div>
<div className="flex gap-4 mt-7 items-center">
<div>
<Image src={arrow} alt="arrow" />
</div>

<div className="flex gap-4 mt-7 items-center">
<div className="bg-white rounded-full flex items-center justify-center w-8 h-8 md:w-16 md:h-16 lg:w-16 lg:h-16">
<img src="/right-arrow.png" alt="right arrow" width="30px" />
</div>
<div className="text-2xl md:text-3xl lg:text-3xl">
<p>
Day 3:{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="https://photos.app.goo.gl/GDmtPM991g56svZs5"
>
Link Here
</a>
</p>
</div>
<div className="text-2xl md:text-3xl lg:text-3xl">
<p>
W3LC 2023:{" "}
<a
target="_blank"
rel="noopener noreferrer"
href="#"
>
Link Here
</a>
</p>
</div>
</div>


</div>
</div>
</div>
</>
);
};

export default Gallery;
</div>
</section>
</>
);
};

export default Gallery;
Loading

0 comments on commit b654caf

Please sign in to comment.