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>
</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="services-item-wrap">
<div className="row justify-content-center"> <div className="row justify-content-center">
<div className="col-xl-7 col-lg-8"> <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 ( return (
<> <>
<div className={`offCanvas__info ${isOffcanvus ? "active" : ""}`}> <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> <button>
<i className="far fa-window-close" /> <i className="far fa-window-close" />
</button> </button>
@ -32,8 +35,8 @@ export default function OffcanvusMenu({ isOffcanvus, handleOffcanvus }) {
<Link href="https://www.facebook.com/profile.php?id=61561349362241"> <Link href="https://www.facebook.com/profile.php?id=61561349362241">
<i className="fab fa-facebook-f" /> <i className="fab fa-facebook-f" />
</Link> </Link>
<Link href="https://x.com/Rankrunnersseo"> <Link href="https://www.youtube.com/@RankRunners">
<i className="fab fa-twitter" /> <i className="fab fa-youtube" />
</Link> </Link>
<Link href="https://www.instagram.com/rankrunnersseo/"> <Link href="https://www.instagram.com/rankrunnersseo/">
<i className="fab fa-instagram" /> <i className="fab fa-instagram" />
@ -43,7 +46,10 @@ export default function OffcanvusMenu({ isOffcanvus, handleOffcanvus }) {
</Link> </Link>
</div> </div>
</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(); e.preventDefault();
try { try {
const response = await fetch("https://cryagent.pythonanywhere.com/submitnewrankrunners", { const response = await fetch(
"https://cryagent.pythonanywhere.com/submitnewrankrunners",
{
method: "POST", method: "POST",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
}, },
body: JSON.stringify({ email }), body: JSON.stringify({ email }),
}); }
);
if (response.ok) { if (response.ok) {
const result = await response.json(); const result = await response.json();
@ -76,8 +79,11 @@ export default function Footer3() {
</Link> </Link>
</li> </li>
<li> <li>
<Link href="https://x.com/Rankrunnersseo" target="_blank"> <Link
<i className="fab fa-twitter" /> href="https://www.youtube.com/@RankRunners"
target="_blank"
>
<i className="fab fa-youtube" />
</Link> </Link>
</li> </li>
<li> <li>
@ -144,7 +150,9 @@ export default function Footer3() {
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/services/web-development">Web Design Services</Link> <Link href="/services/web-development">
Web Design Services
</Link>
</li> </li>
<li> <li>
<Link href="/services/social-media-management"> <Link href="/services/social-media-management">
@ -152,7 +160,9 @@ export default function Footer3() {
</Link> </Link>
</li> </li>
<li> <li>
<Link href="/services/lead-generation">Lead Generation</Link> <Link href="/services/lead-generation">
Lead Generation
</Link>
</li> </li>
</ul> </ul>
</div> </div>
@ -194,8 +204,8 @@ export default function Footer3() {
href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6" href="https://maps.app.goo.gl/3vpv8Y9pSTtpcNGB6"
target="_blank" target="_blank"
> >
Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA 30319, Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA
USA 30319, USA
</Link> </Link>
</p> </p>
</div> </div>
@ -220,8 +230,8 @@ export default function Footer3() {
<div> <div>
<div className="copyright-text"> <div className="copyright-text">
<p> <p>
Copyright © {currentYear} <Link href="/">RankRunners</Link> | All Rights Copyright © {currentYear}{" "}
Reserved <Link href="/">RankRunners</Link> | All Rights Reserved
</p> </p>
</div> </div>
</div> </div>

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

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

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

@ -15,7 +15,11 @@ export default function Header4({
}) { }) {
return ( 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="tg-header__top tg-header__top-three">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
@ -27,7 +31,10 @@ export default function Header4({
</li> </li>
<li> <li>
<i className="flaticon-pin" /> <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 Suite B, 1934 N. Druid Hills Rd, Brookhaven, GA 30319, USA
</Link> </Link>
</li> </li>
@ -129,7 +136,11 @@ export default function Header4({
className="mobile-nav-toggler mobile-nav-toggler-two" className="mobile-nav-toggler mobile-nav-toggler-two"
onClick={handleMobileMenu} 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 <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" 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" fill="currentcolor"
@ -197,7 +208,10 @@ export default function Header4({
</Link> </Link>
</li> </li>
<li> <li>
<Link href="tel:+14702604117" onClick={handleMobileMenu}> <Link
href="tel:+14702604117"
onClick={handleMobileMenu}
>
(470) 260-4117 (470) 260-4117
</Link> </Link>
</li> </li>
@ -216,11 +230,11 @@ export default function Header4({
</li> </li>
<li> <li>
<Link <Link
href="https://x.com/Rankrunnersseo" href="https://www.youtube.com/@RankRunners"
target="_blank" target="_blank"
onClick={handleMobileMenu} onClick={handleMobileMenu}
> >
<i className="fab fa-twitter" /> <i className="fab fa-youtube" />
</Link> </Link>
</li> </li>
<li> <li>
@ -246,7 +260,10 @@ export default function Header4({
</div> </div>
</nav> </nav>
</div> </div>
<div className="tgmobile__menu-backdrop" onClick={handleMobileMenu} /> <div
className="tgmobile__menu-backdrop"
onClick={handleMobileMenu}
/>
{/* End Mobile Menu */} {/* End Mobile Menu */}
</div> </div>
</div> </div>
@ -256,7 +273,10 @@ export default function Header4({
<SearchPopup isSearch={isSearch} handleSearch={handleSearch} /> <SearchPopup isSearch={isSearch} handleSearch={handleSearch} />
{/* header-search-end */} {/* header-search-end */}
{/* offCanvas-menu */} {/* offCanvas-menu */}
<OffcanvusMenu isOffcanvus={isOffcanvus} handleOffcanvus={handleOffcanvus} /> <OffcanvusMenu
isOffcanvus={isOffcanvus}
handleOffcanvus={handleOffcanvus}
/>
{/* offCanvas-menu-end */} {/* offCanvas-menu-end */}
</header> </header>
</> </>

54
components/sections/Banner1.js
View File

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