Palun ReactJs documentation

Sections

Edit the slider, services, portfolio and contact sections in Palun.

Palun’s section text lives inside its components, so you edit each one directly.

Slider

Edit src/Components/slider.jsx. The photo is imported at the top of the file:

import sliderImg01 from "../assets/images/slider/person.png";

Section headings

Sections use a shared title component. Change its three values wherever it appears:

<SectionTitle
    title="SERVICES"
    subTitle="What I Am Great At"
    desc="Your description"
/>

Services

Edit src/Components/services.jsx. Each card has an icon, a heading and a line of text. Icons are in src/assets/images/icons/. The counters use src/SingleFeatures/SIngleCountdown.jsx.

Portfolio

Edit src/Components/portfolios.jsx. Images are imported at the top of the file from src/assets/images/portfolio/. Replace those files, or change the imports to add more.

Contact

Edit src/Components/contact.jsx. This section shows your email, phone number and social links, so replace each sample link and label with your own.

Newsletter

The form in src/Components/newsletter.jsx has action="#", so it doesn’t send anywhere yet. Set action to the address your email service gives you. That component isn’t on the home page by default, so add <Newsletter /> to src/Pages/Home.jsx if you want it.

Edit the links in src/Components/header.jsx. Links that scroll within the page use to with a section’s name, for example to="portfolio".