diff --git a/components/aboutPage/AboutSection.js b/components/aboutPage/AboutSection.js new file mode 100644 index 0000000..507276c --- /dev/null +++ b/components/aboutPage/AboutSection.js @@ -0,0 +1,95 @@ +import React from 'react' +import sign from '/public/images/signeture.png' +import Image from 'next/image'; + +const AboutSection = (props) => { + return ( +
+
+
+
+
+
+ +
+

1998

+ +
+ W + e + A + r + e + W + o + r + k + i + n + g + F + o + r + Y + o + u + S + i + n + c + e +
+
+ + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ About Politian +

We Can Work Together For Create a Better Future.

+
+

The leader is eager to listen to the needs of the youth generation and to hear what + solutions they have to the problems they are facing. He hopes to find solutions that + will help them lead meaningful lives and make lasting change in the world.

+

He believes that the collaboration between the youth and the leaders of society is + necessary to bring about a brighter future. Now, he is ready to take the first step + to making that happen.

+
+

“We can start by taking small steps and making small changes that can have a big + impact on the world.”

+
+
+
+
+
Robert Willum
+ CEO & Founder of Manit +
+
+
+ +
+
+
+
+
+
+
+
+ ) +} + +export default AboutSection; \ No newline at end of file diff --git a/components/aboutPage/Donors.js b/components/aboutPage/Donors.js new file mode 100644 index 0000000..ab7d262 --- /dev/null +++ b/components/aboutPage/Donors.js @@ -0,0 +1,32 @@ +import React from 'react'; +import Link from 'next/link' + +const ClickHandler = () => { + window.scrollTo(10, 0); +} + +const Donors = () => { + + return ( +
+
+
+
+
+

Would you like to become one of + our honorable donors?

+
+
+
+ $10 Donation + Other +
+
+
+
+
+
+ ); +} + +export default Donors; \ No newline at end of file diff --git a/components/aboutPage/SevicesSection.js b/components/aboutPage/SevicesSection.js new file mode 100644 index 0000000..55eba4e --- /dev/null +++ b/components/aboutPage/SevicesSection.js @@ -0,0 +1,93 @@ +import React from "react"; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import Link from 'next/link' +import SectionTitle from "../SectionTitle/SectionTitle"; +import Services from '../../api/service' + + +const settings = { + dots: true, + arrows: true, + speed: 1000, + slidesToShow: 4, + slidesToScroll: 1, + autoplay: false, + responsive: [ + { + breakpoint: 1400, + settings: { + slidesToShow: 3, + slidesToScroll: 1, + infinite: true, + } + }, + { + breakpoint: 1200, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + infinite: true, + centerMode: false, + } + }, + { + breakpoint: 991, + settings: { + slidesToShow: 2, + slidesToScroll: 1, + centerMode: false, + } + }, + { + breakpoint: 767, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + centerMode: false, + } + }, + { + breakpoint: 480, + settings: { + slidesToShow: 1, + slidesToScroll: 1, + centerMode: false, + } + } + ] +}; + +const ClickHandler = () => { + window.scrollTo(10, 0); +} + +const ServicesSection = (props) => { + return ( +
+
+ +
+ + {Services.slice(0, 5).map((service, srv) => ( +
+
+
+
+ +
+

{service.sTitle}

+

{service.description}

+
+
+
+ ))} + +
+
+
+ ); +} + +export default ServicesSection; \ No newline at end of file diff --git a/components/aboutPage/TeamSection.js b/components/aboutPage/TeamSection.js new file mode 100644 index 0000000..373b680 --- /dev/null +++ b/components/aboutPage/TeamSection.js @@ -0,0 +1,46 @@ +import React from 'react' +import Link from 'next/link' +import Team from '../../api/team' +import SectionTitle from '../SectionTitle/SectionTitle'; +import Image from 'next/image'; + +const ClickHandler = () => { + window.scrollTo(10, 0); +} + +const TeamsSection = (props) => { + return ( +
+
+ +
+
+ {Team.map((team, aitem) => ( +
+
+
+
+ +
    +
    • +
    • +
    • +
+
+
+
+

{team.name}

+ {team.title} +
+
+
+ ))} + +
+
+
+
+ ) +} + +export default TeamsSection; \ No newline at end of file diff --git a/components/aboutPage/TestimonialSection.js b/components/aboutPage/TestimonialSection.js new file mode 100644 index 0000000..5ea16c2 --- /dev/null +++ b/components/aboutPage/TestimonialSection.js @@ -0,0 +1,123 @@ +import React, { useState } from 'react'; +import Slider from "react-slick"; +import "slick-carousel/slick/slick.css"; +import "slick-carousel/slick/slick-theme.css"; +import ts1 from '/public/images/about-s2.jpg' +import ts2 from '/public/images/about-s2.jpg' +import ts3 from '/public/images/about-s2.jpg' + +import thumb1 from '/public/images/testimonial/thumb1.png' +import thumb2 from '/public/images/testimonial/thumb2.png' +import thumb3 from '/public/images/testimonial/thumb3.png' +import Image from 'next/image'; + + + +const testimonial = [ + { + id: '01', + tImg: ts1, + thumbImg: thumb1, + Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.", + Title: 'Robert Willum', + Sub: "President of BPT", + }, + { + id: '02', + tImg: ts2, + thumbImg: thumb2, + Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.", + Title: 'Leslie Alexander', + Sub: "President of TBP", + }, + { + id: '03', + tImg: ts3, + thumbImg: thumb3, + Des: "Politics is the art of looking for trouble, finding it everywhere, diagnosing it incorrectly and applying the wrong remedies.", + Title: 'David Joy', + Sub: "President of AML", + } +] + +const TestimonialSection = (props) => { + + const [nav1, setNav1] = useState(); + const [nav2, setNav2] = useState(); + + + return ( +
+
+
+
+ +
+
+

How we can build a better country together!

+
+
+
+ setNav1(slider1)} dots={true} arrows={false}> + { + testimonial.map((tesmnl, tsm) => ( +
+
+ +

“{tesmnl.Des}”

+ {/*
+
+ +
+
+

{tesmnl.Title}

+ {tesmnl.Sub} +
+
*/} +
+
+ )) + } + +
+
+
+
+
+
+
+ setNav2(slider2)} + slidesToShow={1} + fade={true} + dots={false} + arrows={false} + swipeToSlide={true} + focusOnSelect={true} + > + { + testimonial.map((tesmnl, tsm) => ( +
+ +
+ )) + } + + +
+ {/*
+
+
+
*/} +
+
+
+
+
+
+
+ ); +} + +export default TestimonialSection; \ No newline at end of file diff --git a/components/header2/Header2.js b/components/header2/Header2.js index d92f427..bccf639 100644 --- a/components/header2/Header2.js +++ b/components/header2/Header2.js @@ -48,6 +48,7 @@ const Header2 = (props) => {
  • About us
    • diff --git a/components/our-mission/index.js b/components/our-mission/index.js new file mode 100644 index 0000000..77ca2ab --- /dev/null +++ b/components/our-mission/index.js @@ -0,0 +1,92 @@ +import React from 'react'; +import Link from 'next/link'; + +const OurMission = () => { + return ( +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
      +
    • + By{' '} + Jenny Jack +
      • +
    • + Comments 5 +
      • +
    • + May 7, 2025 +
      • +
    +
    + +

    Our Mission

    + +

    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc.Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. + +

    + +
    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. +
    + +

    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition. +

    + +
    +
    + +
    +
    + +
    +
    +

    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc.Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks, Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc. + +

    + +
    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. +
    + +

    + Combined with a handful of model sentence structures, generate Lorem Ipsum which looks + reasonable. The generated Lorem Ipsum is therefore always free from repetition, + injected humour, or non-characteristic words etc. The generated Lorem Ipsum is therefore always free from repetition. Combined with a handful of model sentence structures, generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition. +

    +
    +
    +
    +
    +
    +
    + ); +}; + +export default OurMission; diff --git a/components/racial-justice/index.js b/components/racial-justice/index.js index c934570..e17f810 100644 --- a/components/racial-justice/index.js +++ b/components/racial-justice/index.js @@ -22,13 +22,13 @@ const RacialJustice = () => { diff --git a/pages/about/index.js b/pages/about/index.js index 08d8c2c..2812147 100644 --- a/pages/about/index.js +++ b/pages/about/index.js @@ -8,24 +8,29 @@ import Scrollbar from '../../components/scrollbar/scrollbar' import TeamSection from '../../components/TeamSection/TeamSection'; import Testimonial from '../../components/Testimonial/Testimonial'; import FunFact from '../../components/FunFact/FunFact'; -import Donors from '../../components/Donors/Donors'; +import Donors from '../../components/aboutPage/Donors'; import PartnerSection from '../../components/PartnerSection/PartnerSection'; import Footer from '../../components/footer/Footer'; -import abimg from '/public/images/about.jpg' +import abimg from '/public/images/about-s2.jpg' +import AboutSection from '../../components/aboutPage/AboutSection'; +import ServicesSection from '../../components/aboutPage/SevicesSection'; +import TeamsSection from '../../components/aboutPage/TeamSection'; +import TestimonialSection from '../../components/aboutPage/TestimonialSection'; const AboutPage = () => { return ( - - - - - - + + + {/* */} + {/* */} + {/* */} + + - + {/* */}