diff --git a/src/app/(landing-routes)/career/[slug]/page.tsx b/src/app/(landing-routes)/career/[slug]/page.tsx index 23da127c6..10f3a2eac 100644 --- a/src/app/(landing-routes)/career/[slug]/page.tsx +++ b/src/app/(landing-routes)/career/[slug]/page.tsx @@ -51,10 +51,10 @@ const JobDetails = () => {
-

+

Job Description

-

+

We are looking for a talented and passionate Product Designer to join our dynamic team. As a Product Designer at the Company, you will play a critical role in shaping the user @@ -66,64 +66,64 @@ const JobDetails = () => {

-

+

Key Responsibilities

-

+

Qualifications

@@ -133,73 +133,73 @@ const JobDetails = () => {
-
+
About the job
-

+

Deadline

-

+

July 19th, 2024

-

+

Work mode

-

On-site

+

On-site

-

+

Job-type

-

Internship

+

Internship

-

+

Experience level

-

2-3years

+

2-3years

-

+

Salary

-

$500k-$900k

+

$500k-$900k

-
+
What we offer
    -
  • +
  • Competitive salary and benefits
    • -
  • +
  • Flexible working hours and remote work options
    • -
  • +
  • Opportunities for professional growth and development
    • -
  • +
  • A collaborative and inclusive work environment
-
+
How to Apply
-

+

Send your CV and cover letter to this email{" "} hng123@gmail.com diff --git a/src/app/(landing-routes)/help-center/page.test.tsx b/src/app/(landing-routes)/help-center/page.test.tsx new file mode 100644 index 000000000..dea52ad56 --- /dev/null +++ b/src/app/(landing-routes)/help-center/page.test.tsx @@ -0,0 +1,12 @@ +import { render } from "~/test/utils"; +import Page from "./page"; + +describe("page tests", () => { + it("should render correctly", () => { + expect.assertions(1); + + render(); + + expect(true).toBeTruthy(); + }); +}); diff --git a/src/app/(landing-routes)/help-center/page.tsx b/src/app/(landing-routes)/help-center/page.tsx new file mode 100644 index 000000000..2e1d754ec --- /dev/null +++ b/src/app/(landing-routes)/help-center/page.tsx @@ -0,0 +1,127 @@ +"use client"; + +import { Search } from "lucide-react"; + +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 = () => { + // + + return ( +

+
+
+
+ + Help Center + +
+

+ How can we help You? +

+

+ Find advice and answers from our support team +

+
+ + +
+
+
+
+
+ +
+
+ + Browse by topics + + + +
+ +
+
+
+

+ Frequently Asked Questions +

+ +

+ {` We couldn’t answer your question?`} +

+ + +
+ + +
+
+
+ +
+
+

+ Didn’t find an answer? +

+

+ Contact us for more inquiries and information about our services. +

+ + +
+
+
+ ); +}; + +export default HelpCenter; diff --git a/src/components/common/CareerCard/CareerCard.tsx b/src/components/common/CareerCard/CareerCard.tsx index b9017e4ce..42d194c98 100644 --- a/src/components/common/CareerCard/CareerCard.tsx +++ b/src/components/common/CareerCard/CareerCard.tsx @@ -1,8 +1,8 @@ +import Link from "next/link"; import { FC } from "react"; import { Card, CardContent, CardFooter } from "~/components/ui/card"; import { Skeleton } from "~/components/ui/skeleton"; -import CustomButton from "../common-button/common-button"; // interface CareerCardProperties { @@ -20,6 +20,8 @@ const CareerCard: FC = ({ description, amount, }) => { + // + return ( @@ -55,7 +57,12 @@ const CareerCard: FC = ({ {amount} /month - View Details + + View Details + )} diff --git a/src/components/layouts/footer/index.tsx b/src/components/layouts/footer/index.tsx index 51250b588..00fa68914 100644 --- a/src/components/layouts/footer/index.tsx +++ b/src/components/layouts/footer/index.tsx @@ -26,7 +26,7 @@ const Footer = () => { { title: "Support", links: [ - { route: "Help center", link: "/" }, + { route: "Help center", link: "/help-center" }, { route: "FAQ", link: "/faqs" }, { route: "waiting list", link: "/waitlist" }, { route: "Pricing Experience", link: "/pricing" }, diff --git a/src/components/layouts/homepage/Hero.tsx b/src/components/layouts/homepage/Hero.tsx index 794b5b543..03f3da0a4 100644 --- a/src/components/layouts/homepage/Hero.tsx +++ b/src/components/layouts/homepage/Hero.tsx @@ -14,6 +14,8 @@ import "swiper/css/scrollbar"; import Link from "next/link"; const Hero = () => { + // + return (
@@ -38,10 +40,12 @@ const Hero = () => { and optimal productivity.

- - + + Get Started
diff --git a/src/components/layouts/homepage/PerfectFit.tsx b/src/components/layouts/homepage/PerfectFit.tsx index e1a9d13f4..c3ff4e2d5 100644 --- a/src/components/layouts/homepage/PerfectFit.tsx +++ b/src/components/layouts/homepage/PerfectFit.tsx @@ -1,4 +1,12 @@ +"use client"; + +import Link from "next/link"; + +// + const PerfectFit = () => { + // + return (
@@ -8,9 +16,13 @@ const PerfectFit = () => { budget. All plans include access to our comprehensive library of pre-built sections, drag-and-drop customization.

- +
); diff --git a/src/test/homepage/Hero.test.tsx b/src/test/homepage/Hero.test.tsx index a6c05b2f6..b74a141c0 100644 --- a/src/test/homepage/Hero.test.tsx +++ b/src/test/homepage/Hero.test.tsx @@ -29,7 +29,7 @@ describe("hero Component", () => { expect.assertions(1); // Ensure exactly one assertion render(); - const button = screen.getByRole("button", { name: /get started/i }); + const button = screen.getByTestId("get-started"); expect(button).toBeInTheDocument(); }); diff --git a/src/test/homepage/PerfectFit.test.tsx b/src/test/homepage/PerfectFit.test.tsx index 6dfa66f73..2aa1aefac 100644 --- a/src/test/homepage/PerfectFit.test.tsx +++ b/src/test/homepage/PerfectFit.test.tsx @@ -29,9 +29,7 @@ describe("perfectFit Component", () => { expect.assertions(1); render(); - const button = screen.getByRole("button", { - name: /see our pricing plan/i, - }); + const button = screen.getByTestId("pricing"); expect(button).toBeInTheDocument(); });