diff --git a/public/images/about-us/aboutus1.svg b/public/images/about-us/aboutus1.svg new file mode 100644 index 000000000..a84b70458 --- /dev/null +++ b/public/images/about-us/aboutus1.svg @@ -0,0 +1,379 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/about-us/background.svg b/public/images/about-us/background.svg new file mode 100644 index 000000000..aac51553b --- /dev/null +++ b/public/images/about-us/background.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/images/about-us/ellipse.svg b/public/images/about-us/ellipse.svg new file mode 100644 index 000000000..90f6606cd --- /dev/null +++ b/public/images/about-us/ellipse.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/images/about-us/our-mission.svg b/public/images/about-us/our-mission.svg new file mode 100644 index 000000000..5edbe9e52 --- /dev/null +++ b/public/images/about-us/our-mission.svg @@ -0,0 +1,125 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/about-us/our-vision.svg b/public/images/about-us/our-vision.svg new file mode 100644 index 000000000..2cf93fe6c --- /dev/null +++ b/public/images/about-us/our-vision.svg @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/about-us/team1.svg b/public/images/about-us/team1.svg new file mode 100644 index 000000000..86ec04997 --- /dev/null +++ b/public/images/about-us/team1.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/about-us/team2.svg b/public/images/about-us/team2.svg new file mode 100644 index 000000000..acea4179b --- /dev/null +++ b/public/images/about-us/team2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/images/about-us/team3.svg b/public/images/about-us/team3.svg new file mode 100644 index 000000000..a4d3f8f0a --- /dev/null +++ b/public/images/about-us/team3.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/public/images/about-us/team4.svg b/public/images/about-us/team4.svg new file mode 100644 index 000000000..9a20b3bb5 --- /dev/null +++ b/public/images/about-us/team4.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/app/(landing-routes)/about-us/page.tsx b/src/app/(landing-routes)/about-us/page.tsx index db4d38750..f028309b9 100644 --- a/src/app/(landing-routes)/about-us/page.tsx +++ b/src/app/(landing-routes)/about-us/page.tsx @@ -1,5 +1,25 @@ -const page = () => { - return
page
; +import Blog from "~/components/layouts/aboutUs/Blog"; +import CoreValues from "~/components/layouts/aboutUs/CoreValues"; +import ExecutiveTeam from "~/components/layouts/aboutUs/ExecutiveTeam"; +import Hero from "~/components/layouts/aboutUs/Hero"; +import Join from "~/components/layouts/aboutUs/Join"; +import Mission from "~/components/layouts/aboutUs/Mission"; +import OurServices from "~/components/layouts/aboutUs/OurServices"; +import Vision from "~/components/layouts/aboutUs/Vision"; + +const AboutUs = () => { + return ( + <> + + + + + + + + + + ); }; -export default page; +export default AboutUs; diff --git a/src/app/(landing-routes)/career/[slug]/page.tsx b/src/app/(landing-routes)/career/[slug]/page.tsx index 10f3a2eac..e7ff22f45 100644 --- a/src/app/(landing-routes)/career/[slug]/page.tsx +++ b/src/app/(landing-routes)/career/[slug]/page.tsx @@ -24,17 +24,17 @@ const JobDetails = () => { { name: "Career", href: "/career" }, { name: "Job Details", - href: "/job-details", + href: "/career/2", isCurrent: true, style: { color: "hsl(25, 95%, 53%)" }, }, ] : [ { name: "Home", href: "/" }, - { name: "Job Listings", href: "/job-listings" }, + { name: "Job Listings", href: "/career" }, { name: "Job Details", - href: "/job-listings/job-detail", + href: "/career/2", isCurrent: true, }, ]; diff --git a/src/app/(landing-routes)/help-center/page.tsx b/src/app/(landing-routes)/help-center/page.tsx index 2e1d754ec..514d7e4b8 100644 --- a/src/app/(landing-routes)/help-center/page.tsx +++ b/src/app/(landing-routes)/help-center/page.tsx @@ -1,17 +1,14 @@ "use client"; import { Search } from "lucide-react"; +import Link from "next/link"; -import { Button } from "~/components/common/common-button"; import { Input } from "~/components/common/input"; import FaqAccordion from "~/components/layouts/accordion/FaqsAccordion"; import TopicsAccordions from "~/components/layouts/accordion/TopicAccordion"; import { faqData } from "~/constants/faqsdata"; // -const handleButtonClickTest = () => { - alert("Contact Button Click Test"); -}; const HelpCenter = () => { // @@ -86,14 +83,12 @@ const HelpCenter = () => { {` We couldn’t answer your question?`}

- + @@ -110,14 +105,12 @@ const HelpCenter = () => { Contact us for more inquiries and information about our services.

- + Contact us + diff --git a/src/components/common/TeamCard/teamcard.tsx b/src/components/common/TeamCard/teamcard.tsx new file mode 100644 index 000000000..86a973003 --- /dev/null +++ b/src/components/common/TeamCard/teamcard.tsx @@ -0,0 +1,90 @@ +import { Facebook, Instagram, Twitter } from "lucide-react"; +import Image from "next/image"; +import Link from "next/link"; + +import { Card, CardContent, CardFooter, CardTitle } from "~/components/ui/card"; + +interface TeamCardProperties { + name: string; + imageSrc: string; + imageAlt: string; + role: string; + description: string; + facebookURL?: string; + instagramURL?: string; + twitterURL?: string; +} + +const TeamCard: React.FC = ({ + name, + imageSrc, + imageAlt, + role, + description, + facebookURL, + instagramURL, + twitterURL, +}) => { + return ( + +
+ {imageAlt} +
+ + +
+ + {name} + +

+ {role} +

+

+ {description} +

+
+ + + {facebookURL && ( + + + + )} + + {instagramURL && ( + + + + )} + {twitterURL && ( + + + + )} + + + + ); +}; + +export default TeamCard; diff --git a/src/components/layouts/aboutUs/Blog.tsx b/src/components/layouts/aboutUs/Blog.tsx new file mode 100644 index 000000000..bdbbf1986 --- /dev/null +++ b/src/components/layouts/aboutUs/Blog.tsx @@ -0,0 +1,44 @@ +const Blog = () => { + return ( +
+
+
+
+

+ 10 years +

+

+ In Business +

+
+
+

+ 75,000+ +

+

+ Customers +

+
+
+

+ 100k+ +

+

+ Monthly Blog Readers +

+
+
+

+ 1.2m+ +

+

+ Social Followers +

+
+
+
+
+ ); +}; + +export default Blog; diff --git a/src/components/layouts/aboutUs/CoreValues.tsx b/src/components/layouts/aboutUs/CoreValues.tsx new file mode 100644 index 000000000..42c47e327 --- /dev/null +++ b/src/components/layouts/aboutUs/CoreValues.tsx @@ -0,0 +1,80 @@ +const CoreValues = () => { + return ( +
+
+
+
+

+ Our Core Values +

+

+ Our Value shapes the core of our organization, and defines the + character of our industry +

+
+ +
+
+

+ Integrity +

+

+ We uphold the highest ethical standards in everything we do, + fostering trust and transparency with our clients, partners, and + employees. We believe that honesty and integrity are the + foundation of lasting success. +

+
+ +
+

+ Customer Centricity +

+

+ Our customers are at the heart of our business. We strive to + understand their needs, exceed their expectations, and build + lasting relationships based on trust and mutual respect. We + believe that putting our customers first is the key to long-term + success. +

+
+ +
+

+ Innovation +

+

+ We embrace a culture of continuous improvement and creativity, + constantly seeking new ways to evolve and enhance our products, + services, and processes. We encourage experimentation and + risk-taking, recognizing that innovation is essential for + growth. +

+
+ +
+

+ Excellence +

+

+ We are committed to delivering exceptional quality in everything + we do, from our products and services to our customer + interactions and internal processes. We strive for continuous + improvement and hold ourselves to the highest standards of + performance. +

+
+
+
+
+
+ ); +}; + +export default CoreValues; diff --git a/src/components/layouts/aboutUs/ExecutiveTeam.tsx b/src/components/layouts/aboutUs/ExecutiveTeam.tsx new file mode 100644 index 000000000..055ba9c55 --- /dev/null +++ b/src/components/layouts/aboutUs/ExecutiveTeam.tsx @@ -0,0 +1,73 @@ +import TeamCard from "~/components/common/TeamCard/teamcard"; + +const ExecutiveTeam = () => { + return ( +
+
+

+ The Executive Team +

+ +

+ Meet Our Exclusive team that have been trained to meet your needs. +

+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ ); +}; + +export default ExecutiveTeam; diff --git a/src/components/layouts/aboutUs/Hero.tsx b/src/components/layouts/aboutUs/Hero.tsx new file mode 100644 index 000000000..a2d0d7259 --- /dev/null +++ b/src/components/layouts/aboutUs/Hero.tsx @@ -0,0 +1,37 @@ +import Image from "next/image"; + +const Hero = () => { + return ( +
+
+
+

+ About Us +

+

+ More Than Just A BoilerPlate +

+ +

+ Welcome to Hng Boilerplate, where passion meets innovation. Discover + how we started, the challenges we overcame, and the milestones that + define our journey. +

+
+ +
+ Hero_image +
+
+
+ ); +}; + +export default Hero; diff --git a/src/components/layouts/aboutUs/Join.tsx b/src/components/layouts/aboutUs/Join.tsx new file mode 100644 index 000000000..5e9348f9b --- /dev/null +++ b/src/components/layouts/aboutUs/Join.tsx @@ -0,0 +1,31 @@ +"use client"; + +import Link from "next/link"; + +const Join = () => { + // + + return ( +
+
+

+ Join Our Team +

+ +

+ Interested in joining our team? View our Job Listing page for openings + and apply with an equal chance of working with us! +

+ + + Join us + +
+
+ ); +}; + +export default Join; diff --git a/src/components/layouts/aboutUs/Mission.tsx b/src/components/layouts/aboutUs/Mission.tsx new file mode 100644 index 000000000..c6131b9ac --- /dev/null +++ b/src/components/layouts/aboutUs/Mission.tsx @@ -0,0 +1,41 @@ +import Image from "next/image"; + +const Mission = () => { + return ( +
+
+
+ mask +
+ +
+

+ Our Mission +

+

+ We are committed to giving you the best +

+

+ At Hng Boilerplate, we are dedicated to exceeding your expectations. + We strive to understand your unique needs and challenges, providing + tailored solutions that drive real results and empower your success. +

+
+
+
+ ); +}; + +export default Mission; diff --git a/src/components/layouts/aboutUs/OurServices.tsx b/src/components/layouts/aboutUs/OurServices.tsx new file mode 100644 index 000000000..9d02a5c89 --- /dev/null +++ b/src/components/layouts/aboutUs/OurServices.tsx @@ -0,0 +1,49 @@ +"use client"; + +import Image from "next/image"; +import Link from "next/link"; + +const OurServices = () => { + return ( +
+
+
+

+ Our Services +

+ +

+ Trained to Give You The Best + + eclipse + +

+ + + Contact Us + +
+ +
+

+ {`Since our founding in, Hng Boilerplate has been dedicated to + constantly evolving to stay ahead of the curve. Our agile mindset + and relentless pursuit of innovation ensure that you're always + equipped with the most effective tools and strategies.`} +

+
+
+
+ ); +}; + +export default OurServices; diff --git a/src/components/layouts/aboutUs/Vision.tsx b/src/components/layouts/aboutUs/Vision.tsx new file mode 100644 index 000000000..075071b77 --- /dev/null +++ b/src/components/layouts/aboutUs/Vision.tsx @@ -0,0 +1,38 @@ +import Image from "next/image"; + +const Vision = () => { + return ( +
+
+
+

+ Our Vision +

+

+ Leading the Way, Redefining Industries +

+

+ At Hng Boilerplate, Our vision is to revolutionize the industry + landscape by continuously pushing the boundaries of innovation, + setting new standards, and inspiring others to follow. +

+
+ +
+ mask +
+
+
+ ); +}; + +export default Vision;