RankRunners-Internal/Website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add video youtube in portofolio and update icon twit to youtube

Browse Source
This commit is contained in:
iqbal024 2025-04-17 13:05:51 +07:00
parent e9aa658fcc
commit ef40a5fc3b
6 changed files with 607 additions and 532 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/portfolio/page.js
View File

@ -29,6 +29,17 @@ export default function Services() {
</div>
</div>
</div> */}
<div className="video-container">
<iframe
width="100%"
height="500"
src="https://www.youtube.com/embed/KiJAods46eI?autoplay=1"
title="YouTube video"
frameBorder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
/>
</div>
<div className="services-item-wrap">
<div className="row justify-content-center">
<div className="col-xl-7 col-lg-8">

14
components/layout/OffcanvusMenu.js
View File

@ -4,7 +4,10 @@ export default function OffcanvusMenu({ isOffcanvus, handleOffcanvus }) {
return (
<>
<div className={`offCanvas__info ${isOffcanvus ? "active" : ""}`}>
<div className="offCanvas__close-icon menu-close" onClick={handleOffcanvus}>
<div
className="offCanvas__close-icon menu-close"
onClick={handleOffcanvus}
>
<button>
<i className="far fa-window-close" />
</button>
@ -32,8 +35,8 @@ export default function OffcanvusMenu({ isOffcanvus, handleOffcanvus }) {
<Link href="https://www.facebook.com/profile.php?id=61561349362241">
<i className="fab fa-facebook-f" />
</Link>
<Link href="https://x.com/Rankrunnersseo">
<i className="fab fa-twitter" />
<Link href="https://www.youtube.com/@RankRunners">
<i className="fab fa-youtube" />
</Link>
<Link href="https://www.instagram.com/rankrunnersseo/">
<i className="fab fa-instagram" />
@ -43,7 +46,10 @@ export default function OffcanvusMenu({ isOffcanvus, handleOffcanvus }) {
</Link>
</div>
</div>
<div className={`offCanvas__overly ${isOffcanvus ? "active" : ""}`} onClick={handleOffcanvus} />
<div
className={`offCanvas__overly ${isOffcanvus ? "active" : ""}`}
onClick={handleOffcanvus}
/>
</>
);
}

30
components/layout/footer/Footer3.js
View File

@ -14,13 +14,16 @@ export default function Footer3() {
e.preventDefault();
try {
const response = await fetch("https://cryagent.pythonanywhere.com/submitnewrankrunners", {
const response = await fetch(
"https://cryagent.pythonanywhere.com/submitnewrankrunners",
{
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ email }),
});
}
);
if (response.ok) {
const result = await response.json();
@ -76,8 +79,11 @@ export default function Footer3() {
</Link>
</li>
<li>
<Link href="https://x.com/Rankrunnersseo" target="_blank">
<i className="fab fa-twitter" />
<Link
href="https://www.youtube.com/@RankRunners"
target="_blank"
>
<i className="fab fa-youtube" />
</Link>
</li>
<li>
@ -144,7 +150,9 @@ export default function Footer3() {
</Link>
</li>
<li>
<Link href="/services/web-development">Web Design Services</Link>
<Link href="/services/web-development">
Web Design Services
</Link>
</li>
<li>
<Link href="/services/social-media-management">
@ -152,7 +160,9 @@ export default function Footer3() {
</Link>
</li>
<li>
<Link href="/services/lead-generation">Lead Generation</Link>
<Link href="/services/lead-generation">
Lead Generation
</Link>
</li>
</ul>
</div>
@ -194,8 +204,8 @@ export default function Footer3() {
href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6"
target="_blank"
>
Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA 30319,
USA
Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA
30319, USA
</Link>
</p>
</div>
@ -220,8 +230,8 @@ export default function Footer3() {
<div>
<div className="copyright-text">
<p>
Copyright © {currentYear} <Link href="/">RankRunners</Link> | All Rights
Reserved
Copyright © {currentYear}{" "}
<Link href="/">RankRunners</Link> | All Rights Reserved
</p>
</div>
</div>

4
components/layout/header/Header4.js
View File

@ -200,11 +200,11 @@ export default function Header4({
</li>
<li>
<Link
href="https://x.com/Rankrunnersseo"
href="https://www.youtube.com/@RankRunners"
target="_blank"
onClick={handleMobileMenu}
>
<i className="fab fa-twitter" />
<i className="fab fa-youtube" />
</Link>
</li>
<li>

36
components/layout/header/Header6.js
View File

@ -15,7 +15,11 @@ export default function Header4({
}) {
return (
<>
<header className={`tg-header__style-four ${transparent ? "transparent-header" : ""}`}>
<header
className={`tg-header__style-four ${
transparent ? "transparent-header" : ""
}`}
>
<div className="tg-header__top tg-header__top-three">
<div className="container">
<div className="row">
@ -27,7 +31,10 @@ export default function Header4({
</li>
<li>
<i className="flaticon-pin" />
<Link href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6" target="_blank">
<Link
href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6"
target="_blank"
>
Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA 30319, USA
</Link>
</li>
@ -129,7 +136,11 @@ export default function Header4({
className="mobile-nav-toggler mobile-nav-toggler-two"
onClick={handleMobileMenu}
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" fill="none">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 18 18"
fill="none"
>
<path
d="M0 2C0 0.895431 0.895431 0 2 0C3.10457 0 4 0.895431 4 2C4 3.10457 3.10457 4 2 4C0.895431 4 0 3.10457 0 2Z"
fill="currentcolor"
@ -197,7 +208,10 @@ export default function Header4({
</Link>
</li>
<li>
<Link href="tel:+14702604117" onClick={handleMobileMenu}>
<Link
href="tel:+14702604117"
onClick={handleMobileMenu}
>
(470) 260-4117
</Link>
</li>
@ -216,11 +230,11 @@ export default function Header4({
</li>
<li>
<Link
href="https://x.com/Rankrunnersseo"
href="https://www.youtube.com/@RankRunners"
target="_blank"
onClick={handleMobileMenu}
>
<i className="fab fa-twitter" />
<i className="fab fa-youtube" />
</Link>
</li>
<li>
@ -246,7 +260,10 @@ export default function Header4({
</div>
</nav>
</div>
<div className="tgmobile__menu-backdrop" onClick={handleMobileMenu} />
<div
className="tgmobile__menu-backdrop"
onClick={handleMobileMenu}
/>
{/* End Mobile Menu */}
</div>
</div>
@ -256,7 +273,10 @@ export default function Header4({
<SearchPopup isSearch={isSearch} handleSearch={handleSearch} />
{/* header-search-end */}
{/* offCanvas-menu */}
<OffcanvusMenu isOffcanvus={isOffcanvus} handleOffcanvus={handleOffcanvus} />
<OffcanvusMenu
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
{/* offCanvas-menu-end */}
</header>
</>

54
components/sections/Banner1.js
View File

@ -8,25 +8,41 @@ export default function Banner1() {
<div className="row">
<div className="col-lg-6">
<div className="banner-content">
<span className="sub-title" data-aos="fade-up" data-aos-delay={0}>
<span
className="sub-title"
data-aos="fade-up"
data-aos-delay={0}
>
Welcome to <span className="title-color">RankRunners!</span>
</span>
<h2 className="title" data-aos="fade-up" data-aos-delay={200}>
Generate more revenue from your online assets
</h2>
<p data-aos="fade-up" data-aos-delay={400}>
RankRunners is your one-stop shop for Enterprise level IT solutions, including SEO,
Web/Mobile App Development, Cloud computing, Cybersecurity, and Digital Marketing -
all designed to increase your brand's organic search visibility and help you attract
new customers.
RankRunners is your one-stop shop for Enterprise level IT
solutions, including SEO, Web/Mobile App Development, Cloud
computing, Cybersecurity, and Digital Marketing - all designed
to increase your brand's organic search visibility and help
you attract new customers.
</p>
<Link href="/schedule" className="btn" /* data-aos="fade-up" data-aos-delay={600} */>
<Link
href="/schedule"
className="btn" /* data-aos="fade-up" data-aos-delay={600} */
>
book a discovery call
</Link>
</div>
<div className="banner-shape">
<img src="/assets/img/banner/banner_shape01.png" alt="" className="rightToLeft" />
<img src="/assets/img/banner/banner_shape02.png" alt="" className="ribbonRotate" />
<img
src="/assets/img/banner/banner_shape01.png"
alt=""
className="rightToLeft"
/>
<img
src="/assets/img/banner/banner_shape02.png"
alt=""
className="ribbonRotate"
/>
</div>
</div>
</div>
@ -34,22 +50,34 @@ export default function Banner1() {
<h5 className="title">Follow us</h5>
<ul className="list-wrap">
<li>
<Link href="https://www.facebook.com/profile.php?id=61561349362241" target="_blank">
<Link
href="https://www.facebook.com/profile.php?id=61561349362241"
target="_blank"
>
<i className="fab fa-facebook-f" />
</Link>
</li>
<li>
<Link href="https://x.com/Rankrunnersseo" target="_blank">
<i className="fab fa-twitter" />
<Link
href="https://www.youtube.com/@RankRunners"
target="_blank"
>
<i className="fab fa-youtube" />
</Link>
</li>
<li>
<Link href="https://www.instagram.com/rankrunnersseo/" target="_blank">
<Link
href="https://www.instagram.com/rankrunnersseo/"
target="_blank"
>
<i className="fab fa-instagram" />
</Link>
</li>
<li>
<Link href="https://www.linkedin.com/company/rankrunnersseo/" target="_blank">
<Link
href="https://www.linkedin.com/company/rankrunnersseo/"
target="_blank"
>
<i className="fab fa-linkedin-in" />
</Link>
</li>