From 16086fae901ab85832644eaa2fd08825a57d275a Mon Sep 17 00:00:00 2001 From: akash Date: Tue, 12 Aug 2025 02:40:20 -0700 Subject: [PATCH] Our Approach Page Updated --- api/our-approach.js | 64 ++++++++++ components/Features/Features.js | 2 +- components/aboutPage/AboutSection.js | 110 ++++++++---------- components/header2/Header2.js | 5 +- components/our-approach/OurApproachSection.js | 73 ++++++++++++ pages/our-approach/index.js | 21 ++++ styles/sass/base/_base.scss | 1 + styles/sass/page/_home-default.scss | 9 +- 8 files changed, 218 insertions(+), 67 deletions(-) create mode 100644 api/our-approach.js create mode 100644 components/our-approach/OurApproachSection.js create mode 100644 pages/our-approach/index.js diff --git a/api/our-approach.js b/api/our-approach.js new file mode 100644 index 0000000..aa159f6 --- /dev/null +++ b/api/our-approach.js @@ -0,0 +1,64 @@ +const Ourapproach = [ + { + id: 1, + authorTitle: "Our Approach", + title: "Innovative Solutions for Every Challenge", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + }, + { + id: 2, + authorTitle: "Our Mission", + title: "Empowering Businesses Through Technology", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + }, + { + id: 3, + authorTitle: "Our Values", + title: "Commitment, Integrity, and Innovation", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + }, + { + id: 4, + authorTitle: "Our Values", + title: "Commitment, Integrity, and Innovation", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + }, + { + id: 5, + authorTitle: "Our Values", + title: "Commitment, Integrity, and Innovation", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + }, + { + id: 6, + authorTitle: "Our Values", + title: "Commitment, Integrity, and Innovation", + para: "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.", + description: ` +

Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

+ `, + screens: "/images/funfact.jpg" + } +]; + +export default Ourapproach; diff --git a/components/Features/Features.js b/components/Features/Features.js index 4482e1d..83ff753 100644 --- a/components/Features/Features.js +++ b/components/Features/Features.js @@ -65,7 +65,7 @@ const ClickHandler = () => { const Features = (props) => { return ( -
+
diff --git a/components/aboutPage/AboutSection.js b/components/aboutPage/AboutSection.js index 507276c..0b74596 100644 --- a/components/aboutPage/AboutSection.js +++ b/components/aboutPage/AboutSection.js @@ -1,5 +1,5 @@ -import React from 'react' -import sign from '/public/images/signeture.png' +import React from 'react'; +import sign from '/public/images/signeture.png'; import Image from 'next/image'; const AboutSection = (props) => { @@ -8,36 +8,54 @@ const AboutSection = (props) => {
-
+ + {/* Text Column — Show first on mobile, second on desktop */} +
+
+
+ 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 +
+
+
+ Signature +
+
+
+
+ + {/* Image Column — Show second on mobile, first on desktop */} +
- + About Image

1998

-
- W - e - A - r - e - W - o - r - k - i - n - g - F - o - r - Y - o - u - S - i - n - c - e + {Array.from("WeAreWorkingForYouSince").map((letter, index) => ( + {letter} + ))}
@@ -56,40 +74,12 @@ const AboutSection = (props) => {
-
-
-
- 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 +export default AboutSection; diff --git a/components/header2/Header2.js b/components/header2/Header2.js index bccf639..604974e 100644 --- a/components/header2/Header2.js +++ b/components/header2/Header2.js @@ -46,6 +46,7 @@ const Header2 = (props) => {
  • Female Candidate
    • +
  • Our Approach
  • About us
    • Our Mission
      • @@ -61,7 +62,7 @@ const Header2 = (props) => {
    • Campaign single
    • -
  • + {/*
  • Pages
    • Gallery
      • @@ -85,7 +86,7 @@ const Header2 = (props) => {
    • Login
    • Register
    -
    • + */}
  • Blog
      diff --git a/components/our-approach/OurApproachSection.js b/components/our-approach/OurApproachSection.js new file mode 100644 index 0000000..62ed1ec --- /dev/null +++ b/components/our-approach/OurApproachSection.js @@ -0,0 +1,73 @@ +import React from 'react'; +import Image from 'next/image'; +import Ourapproach from '../../api/our-approach'; + +const OurApproachSection = () => { + return ( + <> + {Ourapproach.map((item, index) => { + const isEven = index % 2 !== 0; + const sectionStyle = { + backgroundColor: index % 2 === 0 ? '#fbfbfbff' : '#e8ebf5', + color: index % 2 === 0 ? '#ffffffff' : '#fff', + paddingTop: '60px', + paddingBottom: '60px', + }; + + return ( +
      +
      +
      +
      + {/* Content Column */} +
      +
      +
      + {item.authorTitle} +

      {item.title}

      +
      +

      {item.para}

      +
      +
      +
      + + {/* Image Column */} +
      +
      + {item.title} +
      +
      +
      +
      +
      +
      + ); + })} + + ); +}; + +export default OurApproachSection; diff --git a/pages/our-approach/index.js b/pages/our-approach/index.js new file mode 100644 index 0000000..9863978 --- /dev/null +++ b/pages/our-approach/index.js @@ -0,0 +1,21 @@ +import React, { Fragment } from 'react'; +import Navbar2 from '../../components/Navbar2/Navbar2'; +import PageTitle from '../../components/pagetitle/PageTitle' +import Scrollbar from '../../components/scrollbar/scrollbar' + +import Footer from '../../components/footer/Footer'; +import abimg from '/public/images/about-s2.jpg' +import OurApproachSection from '../../components/our-approach/OurApproachSection'; + +const OurApproach = () => { + return ( + + + + +