fix branch
This commit is contained in:
Reihan
parent
7235a16f65
commit
e9aa658fcc
@ -1,84 +1,83 @@
|
||||
import { NextResponse } from "next/server";
|
||||
import Stripe from "stripe";
|
||||
// import { NextResponse } from "next/server";
|
||||
// import Stripe from "stripe";
|
||||
// import { createClient } from "@supabase/supabase-js";
|
||||
|
||||
const stripe = new Stripe(process.env.STRIPE_SECRET_KEY);
|
||||
// const stripe = new Stripe(process.env.STRIPE_SECRET_KEY);
|
||||
// const supabase = createClient(process.env.SUPABASE_SERVICE_ROLE_KEY);
|
||||
|
||||
export async function POST(request) {
|
||||
try {
|
||||
// const { clientId, customerId } = await request.json();
|
||||
// export async function POST(request) {
|
||||
// try {
|
||||
// const { clientId, customerId } = await request.json();
|
||||
|
||||
// const { data: userData, error: userError } = await supabase
|
||||
// .from("subscription_data")
|
||||
// .select("*")
|
||||
// .eq("customer_id", customerId)
|
||||
// .maybeSingle();
|
||||
// const { data: userData, error: userError } = await supabase
|
||||
// .from("subscription_data")
|
||||
// .select("*")
|
||||
// .eq("customer_id", customerId)
|
||||
// .maybeSingle();
|
||||
|
||||
// if (userError || !userData) {
|
||||
// return NextResponse.json(
|
||||
// { error: "subscription_data not found" },
|
||||
// { status: 404 }
|
||||
// );
|
||||
// }
|
||||
// if (userError || !userData) {
|
||||
// return NextResponse.json(
|
||||
// { error: "subscription_data not found" },
|
||||
// { status: 404 }
|
||||
// );
|
||||
// }
|
||||
|
||||
// const { subscription_cost } = userData;
|
||||
// const { subscription_cost } = userData;
|
||||
|
||||
// // Create a new product and price
|
||||
// const product = await stripe.products.create({
|
||||
// name: "RankRunners Client Subscription",
|
||||
// });
|
||||
// // Create a new product and price
|
||||
// const product = await stripe.products.create({
|
||||
// name: "RankRunners Client Subscription",
|
||||
// });
|
||||
|
||||
// const price = await stripe.prices.create({
|
||||
// product: product.id,
|
||||
// unit_amount: subscription_cost * 100,
|
||||
// currency: "usd",
|
||||
// recurring: { interval: "month" },
|
||||
// });
|
||||
// const price = await stripe.prices.create({
|
||||
// product: product.id,
|
||||
// unit_amount: subscription_cost * 100,
|
||||
// currency: "usd",
|
||||
// recurring: { interval: "month" },
|
||||
// });
|
||||
|
||||
// // Create a Checkout session
|
||||
// const session = await stripe.checkout.sessions.create({
|
||||
// customer: customerId,
|
||||
// payment_method_types: ["card"],
|
||||
// line_items: [
|
||||
// {
|
||||
// price: price.id,
|
||||
// quantity: 1,
|
||||
// },
|
||||
// ],
|
||||
// mode: "subscription",
|
||||
// success_url: `${process.env.NEXT_PUBLIC_URL}/client-area?session_id={CHECKOUT_SESSION_ID}`,
|
||||
// cancel_url: `${process.env.NEXT_PUBLIC_URL}/client-area`,
|
||||
// });
|
||||
// // Create a Checkout session
|
||||
// const session = await stripe.checkout.sessions.create({
|
||||
// customer: customerId,
|
||||
// payment_method_types: ["card"],
|
||||
// line_items: [
|
||||
// {
|
||||
// price: price.id,
|
||||
// quantity: 1,
|
||||
// },
|
||||
// ],
|
||||
// mode: "subscription",
|
||||
// success_url: `${process.env.NEXT_PUBLIC_URL}/client-area?session_id={CHECKOUT_SESSION_ID}`,
|
||||
// cancel_url: `${process.env.NEXT_PUBLIC_URL}/client-area`,
|
||||
// });
|
||||
|
||||
// if (!session) {
|
||||
// return NextResponse.json(
|
||||
// { error: "Failed to create checkout session" },
|
||||
// { status: 500 }
|
||||
// );
|
||||
// }
|
||||
// if (!session) {
|
||||
// return NextResponse.json(
|
||||
// { error: "Failed to create checkout session" },
|
||||
// { status: 500 }
|
||||
// );
|
||||
// }
|
||||
|
||||
// // Save the session ID to Supabase
|
||||
// const { error: updateError } = await supabase
|
||||
// .from("subscription_data")
|
||||
// .update({ stripe_session_id: session.id })
|
||||
// .eq("customer_id", customerId);
|
||||
// // Save the session ID to Supabase
|
||||
// const { error: updateError } = await supabase
|
||||
// .from("subscription_data")
|
||||
// .update({ stripe_session_id: session.id })
|
||||
// .eq("customer_id", customerId);
|
||||
|
||||
// if (updateError) {
|
||||
// console.error("Error updating stripe_session_id:", updateError);
|
||||
// return NextResponse.json(
|
||||
// {
|
||||
// error:
|
||||
// "Failed to update subscription data when creating checkout session",
|
||||
// },
|
||||
// { status: 500 }
|
||||
// );
|
||||
// }
|
||||
// if (updateError) {
|
||||
// console.error("Error updating stripe_session_id:", updateError);
|
||||
// return NextResponse.json(
|
||||
// {
|
||||
// error:
|
||||
// "Failed to update subscription data when creating checkout session",
|
||||
// },
|
||||
// { status: 500 }
|
||||
// );
|
||||
// }
|
||||
|
||||
// return NextResponse.json({ url: session.url });
|
||||
return NextResponse.json({ url: "https://example.com" });
|
||||
} catch (error) {
|
||||
console.error("Error creating checkout session:", error);
|
||||
return NextResponse.json({ error: error.message }, { status: 500 });
|
||||
}
|
||||
}
|
||||
// return NextResponse.json({ url: session.url });
|
||||
// } catch (error) {
|
||||
// console.error("Error creating checkout session:", error);
|
||||
// return NextResponse.json({ error: error.message }, { status: 500 });
|
||||
// }
|
||||
// }
|
||||
|
||||
@ -3,21 +3,25 @@ import Allservices1 from "@/components/sections/Allservices1";
|
||||
import PortfolioSelector from "@/components/custom/PortfolioSelector";
|
||||
|
||||
export const metadata = {
|
||||
title: "Portfolio | RankRunners - SEO, Web Design & Digital Marketing Agency",
|
||||
description:
|
||||
"RankRunners provides enterprise level SEO, Web Design/Development, Digital Marketing and IT Management services for companies across all industries, regardless of scope or size. Contact support@rankrunners.net to get started today!",
|
||||
title: "Portfolio | RankRunners - SEO, Web Design & Digital Marketing Agency",
|
||||
description:
|
||||
"RankRunners provides enterprise level SEO, Web Design/Development, Digital Marketing and IT Management services for companies across all industries, regardless of scope or size. Contact support@rankrunners.net to get started today!",
|
||||
};
|
||||
|
||||
export default function Services() {
|
||||
return (
|
||||
<>
|
||||
<Layout headerStyle={4} footerStyle={3} breadcrumbTitle="Client Portfolio">
|
||||
<section
|
||||
className="services__area-five services__bg-five"
|
||||
data-background="/assets/img/bg/inner_services_bg02.jpg"
|
||||
>
|
||||
<div className="container">
|
||||
{/* <div className="row justify-content-center">
|
||||
return (
|
||||
<>
|
||||
<Layout
|
||||
headerStyle={4}
|
||||
footerStyle={3}
|
||||
breadcrumbTitle="Client Portfolio"
|
||||
>
|
||||
<section
|
||||
className="services__area-five services__bg-five"
|
||||
data-background="/assets/img/bg/inner_services_bg02.jpg"
|
||||
>
|
||||
<div className="container">
|
||||
{/* <div className="row justify-content-center">
|
||||
<div className="col-xl-6 col-lg-8">
|
||||
<div className="section-title text-center mb-40">
|
||||
<span className="sub-title">WHAT WE OFFER</span>
|
||||
@ -25,23 +29,26 @@ export default function Services() {
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
<div className="services-item-wrap">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-7 col-lg-8">
|
||||
<div className="section-title text-center mb-50 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">
|
||||
COMPANIES <span className="title-color">WE'VE WORKED WITH</span>
|
||||
</span>
|
||||
<h2 className="title tg-element-title">Some of Our Most Recent Client Test</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<PortfolioSelector />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Allservices1 />
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
<div className="services-item-wrap">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-7 col-lg-8">
|
||||
<div className="section-title text-center mb-50 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">
|
||||
COMPANIES{" "}
|
||||
<span className="title-color">WE'VE WORKED WITH</span>
|
||||
</span>
|
||||
<h2 className="title tg-element-title">
|
||||
Some of Our Most Recent Clients
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<PortfolioSelector />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<Allservices1 />
|
||||
</Layout>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
399
components/custom/PortfolioSelector copy.js
Normal file
399
components/custom/PortfolioSelector copy.js
Normal file
@ -0,0 +1,399 @@
|
||||
"use client";
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useState, useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function FilterableList() {
|
||||
const router = useRouter();
|
||||
const searchParams = useSearchParams();
|
||||
const [filter, setFilter] = useState("All");
|
||||
|
||||
useEffect(() => {
|
||||
router.replace(`/portfolio?filter=${filter}`, { scroll: false });
|
||||
}, [filter]);
|
||||
|
||||
useEffect(() => {
|
||||
const queryFilter = searchParams.get("filter") || "All";
|
||||
setFilter(queryFilter);
|
||||
}, [searchParams]);
|
||||
|
||||
const handleFilterChange = (e) => {
|
||||
const newFilter = e.target.value;
|
||||
setFilter(newFilter);
|
||||
router.replace(`/portfolio?filter=${newFilter}`, { scroll: false });
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
{/* Mobile */}
|
||||
<div className="portfolio__form d-xl-none d-md-block">
|
||||
<div className="form-grp select-grp">
|
||||
<select className="orderby" value={filter} onChange={handleFilterChange}>
|
||||
<option value="All">All</option>
|
||||
<option value="Tech">Tech/AI</option>
|
||||
<option value="Online-Businesses">Online Businesses</option>
|
||||
<option value="Video-Games">Video Games</option>
|
||||
<option value="Restaurants">Restaurants</option>
|
||||
<option value="Startups">Startups</option>
|
||||
<option value="Aerospace">Avionics/Aerospace</option>
|
||||
<option value="Professional-Services">Professional Services</option>
|
||||
<option value="Travel">Travel</option>
|
||||
<option value="Auto-Industry">Auto Industry</option>
|
||||
<option value="Construction">Construction</option>
|
||||
<option value="Law">LAW</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="portfolio__form d-xl-flex d-none">
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "All" ? "selected" : "")}
|
||||
onClick={() => setFilter("All")}
|
||||
>
|
||||
All
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "Tech" ? "selected" : "")}
|
||||
onClick={() => setFilter("Tech")}
|
||||
>
|
||||
Tech/AI
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "Online-Businesses" ? "selected" : "")}
|
||||
onClick={() => setFilter("Online-Businesses")}
|
||||
>
|
||||
Online Businesses
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "Video-Games" ? "selected" : "")}
|
||||
onClick={() => setFilter("Video-Games")}
|
||||
>
|
||||
Video Games
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "Restaurants" ? "selected" : "")}
|
||||
onClick={() => setFilter("Restaurants")}
|
||||
>
|
||||
Restaurants
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={"btn portfolio-btn " + (filter === "Startups" ? "selected" : "")}
|
||||
onClick={() => setFilter("Startups")}
|
||||
>
|
||||
Startups
|
||||
</button>
|
||||
<div
|
||||
className={
|
||||
"form-grp select-grp flex-grow-1 " +
|
||||
(filter === "Aerospace" ||
|
||||
filter === "Professional-Services" ||
|
||||
filter === "Travel" ||
|
||||
filter === "Auto-Industry" ||
|
||||
filter === "Construction" ||
|
||||
filter === "Law"
|
||||
? "selected"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<select className="orderby" value={filter} onChange={handleFilterChange}>
|
||||
<option selected value="All" className="display-none">
|
||||
MORE INDUSTRIES
|
||||
</option>
|
||||
<option value="Aerospace">AVIONICS/AEROSPACE</option>
|
||||
<option value="Professional-Services">PROFESSIONAL SERVICES</option>
|
||||
<option value="Travel">TRAVEL</option>
|
||||
<option value="Auto-Industry">AUTO INDUSTRY</option>
|
||||
<option value="Construction">CONSTRUCTION</option>
|
||||
<option value="Law">LAW</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-start">
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Restaurants" || filter === "Startups"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/the-spark-coffee" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-1.jpg" alt="Project 1" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/the-spark-coffee">The Spark Coffee</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Mobile coffee business offering on-the-go food and beverage services and catering to
|
||||
people across the United States.
|
||||
</p>
|
||||
<Link href="/portfolio/the-spark-coffee" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Aerospace" ||
|
||||
filter === "Travel" ||
|
||||
filter === "Professional-Services"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/atlas-aviation" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-2.jpg" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/atlas-aviation">Atlas Aviation</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Fully certified pilot training and aircraft rental company based in Tampa Florida
|
||||
offering services for both Jet and Turbo Prop.
|
||||
</p>
|
||||
<Link href="/portfolio/atlas-aviation" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Fruit" || filter === "Online-Businesses" || filter === "Tech"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/social-celebrity" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-4.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/social-celebrity">Social Celebrity</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Social Media Enhancement company providing marketing services for Facebook, Instagram,
|
||||
TikTok, Twitter, Youtube and more.
|
||||
</p>
|
||||
<Link href="/portfolio/social-celebrity" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Video-Games" ||
|
||||
filter === "Online-Businesses" ||
|
||||
filter === "Tech"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/discord-center" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-3.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/discord-center">Discord Center</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Server Listing Website utilized by millions of users of the popular communicaton
|
||||
platform - "Discord" which specializes in growing Discord servers.
|
||||
</p>
|
||||
<Link href="/portfolio/discord-center" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Tech" ||
|
||||
filter === "Online-Businesses" ||
|
||||
filter === "Video-Games"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/hytale-server-hosting" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-5.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/hytale-server-hosting">Hytale Server Hosting</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Server Hosting company for the upcoming, highly anticipated videogame - Hytale, being
|
||||
developed by Tencent, the parent-company for TikTok & Riot Games.
|
||||
</p>
|
||||
<Link href="/portfolio/hytale-server-hosting" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Auto-Industry"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/multi-group-automotive" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-6.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/multi-group-automotive">Multi Group Automotive</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Server Hosting company for the upcoming, highly anticipated videogame - Hytale, being
|
||||
developed by Tencent, the parent-company for TikTok & Riot Games.
|
||||
</p>
|
||||
<Link href="/portfolio/multi-group-automotive" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Construction"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/water-main-line-replacement" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-7.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/water-main-line-replacement">
|
||||
Water Main Line Replacement LLC
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
A water main line replacement company in Atlanta, Georgia that handles the installation
|
||||
and repair of essential water pipelines.
|
||||
</p>
|
||||
<Link href="/portfolio/water-main-line-replacement" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Restaurants" || filter === "Startups"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/taqueria-del-mar" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-8.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/taqueria-del-mar">Taqueria del Mar</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Latin American eatery in Atlanta, Georgia that specializes in Mexican cuisine with a
|
||||
modern twist.
|
||||
</p>
|
||||
<Link href="/portfolio/taqueria-del-mar" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Construction"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/jenni-bg-plumbing" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-9.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/jenni-bg-plumbing">Jenni BG Plumbing</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Plumbing company in Peachtree Corners, Georgia that fixes and installs pipes, fixtures,
|
||||
and other systems that carry water and waste in homes and businesses.
|
||||
</p>
|
||||
<Link href="/portfolio/jenni-bg-plumbing" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Law" ? "col-xl-3 col-lg-4 col-md-6 col-sm-8" : "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/the-gurvey-law-group" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-10.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/the-gurvey-law-group">The Gurvey Law Group</Link>
|
||||
</h4>
|
||||
<p>
|
||||
A law firm in Brookhaven, Georgia that specializes in investments, purchases, and sales.
|
||||
</p>
|
||||
<Link href="/portfolio/the-gurvey-law-group" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -2,6 +2,7 @@
|
||||
import { useRouter, useSearchParams } from "next/navigation";
|
||||
import { useState, useEffect } from "react";
|
||||
import Link from "next/link";
|
||||
import { clients } from "../../datas/clients";
|
||||
|
||||
export default function FilterableList() {
|
||||
const router = useRouter();
|
||||
@ -25,444 +26,39 @@ export default function FilterableList() {
|
||||
return (
|
||||
<div>
|
||||
{/* Mobile */}
|
||||
<div className="portfolio__form d-xl-none d-md-block">
|
||||
<div className="form-grp select-grp">
|
||||
<select
|
||||
className="orderby"
|
||||
value={filter}
|
||||
onChange={handleFilterChange}
|
||||
>
|
||||
<option value="All">All</option>
|
||||
<option value="Tech">Tech/AI</option>
|
||||
<option value="Online-Businesses">Online Businesses</option>
|
||||
<option value="Video-Games">Video Games</option>
|
||||
<option value="Restaurants">Restaurants</option>
|
||||
<option value="Startups">Startups</option>
|
||||
<option value="Aerospace">Avionics/Aerospace</option>
|
||||
<option value="Professional-Services">Professional Services</option>
|
||||
<option value="Travel">Travel</option>
|
||||
<option value="Auto-Industry">Auto Industry</option>
|
||||
<option value="Construction">Construction</option>
|
||||
<option value="Law">LAW</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="portfolio__form d-xl-flex d-none">
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " + (filter === "All" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("All")}
|
||||
>
|
||||
All
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " + (filter === "Tech" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("Tech")}
|
||||
>
|
||||
Tech/AI
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " +
|
||||
(filter === "Online-Businesses" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("Online-Businesses")}
|
||||
>
|
||||
Online Businesses
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " + (filter === "Video-Games" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("Video-Games")}
|
||||
>
|
||||
Video Games
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " + (filter === "Restaurants" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("Restaurants")}
|
||||
>
|
||||
Restaurants
|
||||
</button>
|
||||
<button
|
||||
type="button"
|
||||
className={
|
||||
"btn portfolio-btn " + (filter === "Startups" ? "selected" : "")
|
||||
}
|
||||
onClick={() => setFilter("Startups")}
|
||||
>
|
||||
Startups
|
||||
</button>
|
||||
<div
|
||||
className={
|
||||
"form-grp select-grp flex-grow-1 " +
|
||||
(filter === "Aerospace" ||
|
||||
filter === "Professional-Services" ||
|
||||
filter === "Travel" ||
|
||||
filter === "Auto-Industry" ||
|
||||
filter === "Construction" ||
|
||||
filter === "Law"
|
||||
? "selected"
|
||||
: "")
|
||||
}
|
||||
>
|
||||
<select
|
||||
className="orderby"
|
||||
value={filter}
|
||||
onChange={handleFilterChange}
|
||||
>
|
||||
<option selected value="All" className="display-none">
|
||||
MORE INDUSTRIES
|
||||
</option>
|
||||
<option value="Aerospace">AVIONICS/AEROSPACE</option>
|
||||
<option value="Professional-Services">PROFESSIONAL SERVICES</option>
|
||||
<option value="Travel">TRAVEL</option>
|
||||
<option value="Auto-Industry">AUTO INDUSTRY</option>
|
||||
<option value="Construction">CONSTRUCTION</option>
|
||||
<option value="Law">LAW</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row justify-content-start">
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Restaurants" ||
|
||||
filter === "Startups"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/the-spark-coffee"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-1.jpg" alt="Project 1" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/the-spark-coffee">The Spark Coffee</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Mobile coffee business offering on-the-go food and beverage
|
||||
services and catering to people across the United States.
|
||||
</p>
|
||||
<Link href="/portfolio/the-spark-coffee" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Aerospace" ||
|
||||
filter === "Travel" ||
|
||||
filter === "Professional-Services"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/atlas-aviation" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-2.jpg" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/atlas-aviation">Atlas Aviation</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Fully certified pilot training and aircraft rental company based
|
||||
in Tampa Florida offering services for both Jet and Turbo Prop.
|
||||
</p>
|
||||
<Link href="/portfolio/atlas-aviation" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Fruit" ||
|
||||
filter === "Online-Businesses" ||
|
||||
filter === "Tech"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/social-celebrity"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-4.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/social-celebrity">Social Celebrity</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Social Media Enhancement company providing marketing services
|
||||
for Facebook, Instagram, TikTok, Twitter, Youtube and more.
|
||||
</p>
|
||||
<Link href="/portfolio/social-celebrity" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Video-Games" ||
|
||||
filter === "Online-Businesses" ||
|
||||
filter === "Tech"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href="/portfolio/discord-center" className="shine-animate">
|
||||
<img src="/assets/img/custom/project-3.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/discord-center">Discord Center</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Server Listing Website utilized by millions of users of the
|
||||
popular communicaton platform - "Discord" which specializes in
|
||||
growing Discord servers.
|
||||
</p>
|
||||
<Link href="/portfolio/discord-center" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Tech" ||
|
||||
filter === "Online-Businesses" ||
|
||||
filter === "Video-Games"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/hytale-server-hosting"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-5.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/hytale-server-hosting">
|
||||
Hytale Server Hosting
|
||||
{clients.map((q) => (
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Restaurants" ||
|
||||
filter === "Startups"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8 mb-3"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link href={q.link} className="shine-animate">
|
||||
<img
|
||||
src={`/assets/img/custom/clients-new/${q.image}`}
|
||||
style={{ height: "200px" }}
|
||||
/>
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Server Hosting company for the upcoming, highly anticipated
|
||||
videogame - Hytale, being developed by Tencent, the
|
||||
parent-company for TikTok & Riot Games.
|
||||
</p>
|
||||
<Link href="/portfolio/hytale-server-hosting" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Auto-Industry"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/multi-group-automotive"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-6.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/multi-group-automotive">
|
||||
Multi Group Automotive
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title" style={{ minHeight: "50px" }}>
|
||||
<Link href={q.link}>{q.name}</Link>
|
||||
</h4>
|
||||
<p>{q.description}</p>
|
||||
<Link href={q.link} className="btn">
|
||||
View Website
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Multi-purpose used car dealership located in Norcross, Georgia
|
||||
servicing North Metro Atlanta
|
||||
</p>
|
||||
<Link href="/portfolio/multi-group-automotive" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Construction"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/water-main-line-replacement"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-7.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/water-main-line-replacement">
|
||||
Water Main Line Replacement LLC
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
A water main line replacement company in Atlanta, Georgia that
|
||||
handles the installation and repair of essential water
|
||||
pipelines.
|
||||
</p>
|
||||
<Link
|
||||
href="/portfolio/water-main-line-replacement"
|
||||
className="btn"
|
||||
>
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" ||
|
||||
filter === "Restaurants" ||
|
||||
filter === "Startups"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/taqueria-del-mar"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-8.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/taqueria-del-mar">Taqueria del Mar</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Latin American eatery in Atlanta, Georgia that specializes in
|
||||
Mexican cuisine with a modern twist.
|
||||
</p>
|
||||
<Link href="/portfolio/taqueria-del-mar" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Construction"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/jenni-bg-plumbing"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-9.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/jenni-bg-plumbing">
|
||||
Jenni BG Plumbing
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
Plumbing company in Peachtree Corners, Georgia that fixes and
|
||||
installs pipes, fixtures, and other systems that carry water and
|
||||
waste in homes and businesses.
|
||||
</p>
|
||||
<Link href="/portfolio/jenni-bg-plumbing" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className={
|
||||
filter === "All" || filter === "Law"
|
||||
? "col-xl-3 col-lg-4 col-md-6 col-sm-8"
|
||||
: "display-none"
|
||||
}
|
||||
>
|
||||
<div className="services-item shine-animate-item">
|
||||
<div className="services-thumb">
|
||||
<Link
|
||||
href="/portfolio/the-gurvey-law-group"
|
||||
className="shine-animate"
|
||||
>
|
||||
<img src="/assets/img/custom/project-10.png" alt="" />
|
||||
</Link>
|
||||
</div>
|
||||
<div className="services-content">
|
||||
<h4 className="title">
|
||||
<Link href="/portfolio/the-gurvey-law-group">
|
||||
The Gurvey Law Group
|
||||
</Link>
|
||||
</h4>
|
||||
<p>
|
||||
A law firm in Brookhaven, Georgia that specializes in
|
||||
investments, purchases, and sales.
|
||||
</p>
|
||||
<Link href="/portfolio/the-gurvey-law-group" className="btn">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -1,93 +1,87 @@
|
||||
import Link from "next/link";
|
||||
|
||||
export default function About2() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="about__area-two about__bg-three"
|
||||
data-background="/assets/img/bg/about_bg.jpg"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-center">
|
||||
<div className="col-lg-6 col-md-8">
|
||||
<div className="about__img-wrap-two">
|
||||
<img src="/assets/img/images/h2_about_img.jpg" alt="" />
|
||||
<div className="shape">
|
||||
<img
|
||||
src="/assets/img/images/h2_about_img_shape.png"
|
||||
alt=""
|
||||
className="alltuchtopdown"
|
||||
/>
|
||||
return (
|
||||
<>
|
||||
<section className="about__area-two about__bg-three" data-background="/assets/img/bg/about_bg.jpg">
|
||||
<div className="container">
|
||||
<div className="row align-items-center justify-content-center">
|
||||
<div className="col-lg-6 col-md-8">
|
||||
<div className="about__img-wrap-two">
|
||||
<img src="/assets/img/images/h2_about_img.jpg" alt="" />
|
||||
<div className="shape">
|
||||
<img
|
||||
src="/assets/img/images/h2_about_img_shape.png"
|
||||
alt=""
|
||||
className="alltuchtopdown"
|
||||
/>
|
||||
</div>
|
||||
<div className="experience__box-two">
|
||||
<div className="experience__shape">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 82 295"
|
||||
fill="none"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<path
|
||||
d="M70.7685 260.479C77.6405 257.127 82 250.15 82 242.503L82 44.8205C82 36.5032 76.8524 29.054 69.0724 26.1128L-3.51784e-06 9.7784e-07L0 295L70.7685 260.479Z"
|
||||
fill="currentcolor"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="experience__content">
|
||||
<h4 className="title">100+</h4>
|
||||
<p>
|
||||
Clients
|
||||
<br /> Satisfied
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about__content-two">
|
||||
<div className="section-title mb-20 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">What We Do?</span>
|
||||
<h2 className="title tg-element-title">Unlock Your Brand's Potentials Growth.</h2>
|
||||
</div>
|
||||
<p>
|
||||
We'll apply the most effective and relevant strategies necessary to expose your
|
||||
company to thousands of new customers!
|
||||
</p>
|
||||
<div className="about__content-inner">
|
||||
<div className="about__list-box">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Improved search result visibility
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
More calls and emails from customers
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Improved website speed and design
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Meaningful insights to help drive future growth
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="about-bottom">
|
||||
<Link href="/schedule" className="btn btn-two">
|
||||
Book a discovery call
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="experience__box-two">
|
||||
<div className="experience__shape">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 82 295"
|
||||
fill="none"
|
||||
preserveAspectRatio="none"
|
||||
>
|
||||
<path
|
||||
d="M70.7685 260.479C77.6405 257.127 82 250.15 82 242.503L82 44.8205C82 36.5032 76.8524 29.054 69.0724 26.1128L-3.51784e-06 9.7784e-07L0 295L70.7685 260.479Z"
|
||||
fill="currentcolor"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div className="experience__content">
|
||||
<h4 className="title">100+</h4>
|
||||
<p>
|
||||
Clients
|
||||
<br /> Satisfied
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<div className="about__content-two">
|
||||
<div className="section-title mb-20 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">What We Do?</span>
|
||||
<h2 className="title tg-element-title">
|
||||
Unlock Your Brand's Potentials Growth.
|
||||
</h2>
|
||||
</div>
|
||||
<p>
|
||||
We'll apply the most effective and relevant strategies
|
||||
necessary to expose your company to thousands of new
|
||||
customers!
|
||||
</p>
|
||||
<div className="about__content-inner">
|
||||
<div className="about__list-box">
|
||||
<ul className="list-wrap">
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Improved search result visibility
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
More calls and emails from customers
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Improved website speed and design
|
||||
</li>
|
||||
<li>
|
||||
<i className="flaticon-arrow-button" />
|
||||
Meaningful insights to help drive future growth
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div className="about-bottom">
|
||||
<Link href="/schedule" className="btn btn-two">
|
||||
Book a discovery call
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -1,55 +1,54 @@
|
||||
import CounterUp from "../elements/CounterUp";
|
||||
|
||||
export default function Counter2() {
|
||||
return (
|
||||
<>
|
||||
<section className="counter-area-two">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-trophy" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={100} />+
|
||||
</h2>
|
||||
<p>Successful campaigns</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-graph" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={7} />
|
||||
k+
|
||||
</h2>
|
||||
<p>Backlinks created</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-happy" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={502} />
|
||||
k+
|
||||
</h2>
|
||||
<p>Unique visitors acquired</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
return (
|
||||
<>
|
||||
<section className="counter-area-two">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-trophy" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={150} />+
|
||||
</h2>
|
||||
<p>Satisfied Clients</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-graph" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={7} />
|
||||
:1+
|
||||
</h2>
|
||||
<p>Average ROAS</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-3 col-lg-4 col-sm-6">
|
||||
<div className="counter-item">
|
||||
<div className="icon">
|
||||
<i className="flaticon-happy" />
|
||||
</div>
|
||||
<div className="content">
|
||||
<h2 className="count">
|
||||
<CounterUp count={250} />%
|
||||
</h2>
|
||||
<p>Average Traffic Increase</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -2,270 +2,95 @@
|
||||
import Link from "next/link";
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import { clients } from "../../datas/clients";
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 6000,
|
||||
},
|
||||
// Navigation arrows
|
||||
navigation: {
|
||||
nextEl: ".project-button-next",
|
||||
prevEl: ".project-button-prev",
|
||||
},
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 6000,
|
||||
},
|
||||
// Navigation arrows
|
||||
navigation: {
|
||||
nextEl: ".project-button-next",
|
||||
prevEl: ".project-button-prev",
|
||||
},
|
||||
};
|
||||
|
||||
export default function Project3() {
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="project__area-three project__bg-three"
|
||||
data-background="/assets/img/bg/h3_project_bg.jpg"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-7 col-lg-8">
|
||||
<div className="section-title text-center mb-50 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">
|
||||
COMPANIES <span className="title-color">WE'VE WORKED WITH</span>
|
||||
</span>
|
||||
<h2 className="title tg-element-title">Some of Our Most Recent Clients</h2>
|
||||
</div>
|
||||
return (
|
||||
<>
|
||||
<section
|
||||
className="project__area-three project__bg-three"
|
||||
data-background="/assets/img/bg/h3_project_bg.jpg"
|
||||
>
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-7 col-lg-8">
|
||||
<div className="section-title text-center mb-50 tg-heading-subheading animation-style3">
|
||||
<span className="sub-title">
|
||||
COMPANIES{" "}
|
||||
<span className="title-color">WE'VE WORKED WITH</span>
|
||||
</span>
|
||||
<h2 className="title tg-element-title">
|
||||
Some of Our Most Recent Clients
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="swiper-container project-active">
|
||||
<Swiper {...swiperOptions} className="swiper-wrapper">
|
||||
{clients.map((q) => (
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio">{q.name}</Link>
|
||||
</h2>
|
||||
<p>{q.description}</p>
|
||||
<Link href="/portfolio" className="btn btn-two">
|
||||
View Our Portfolio
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div className="swiper-container project-active">
|
||||
<Swiper {...swiperOptions} className="swiper-wrapper">
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/the-spark-coffee">The Spark Coffee</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Mobile coffee business offering on-the-go food and beverage services
|
||||
and catering to people across the United States.
|
||||
</p>
|
||||
<Link href="/portfolio/the-spark-coffee" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-1.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/atlas-aviation">Atlas Aviation</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Fully certified pilot training and aircraft rental company based in
|
||||
Tampa, Florida.
|
||||
</p>
|
||||
<Link href="/portfolio/atlas-aviation" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-2.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/social-celebrity">Social Celebrity</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Social Media Enhancement company providing marketing services for
|
||||
Facebook, Instagram, TikTok, Twitter, Youtube and more.
|
||||
</p>
|
||||
<Link href="/portfolio/social-celebrity" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-4.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/multi-group-automotive">
|
||||
Multi Group Automotive
|
||||
</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Dealership based in Doraville, GA providing vehicles for a wide
|
||||
range of different preferences and budgets.
|
||||
</p>
|
||||
<Link href="/portfolio/multi-group-automotive" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-6.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/discord-center">Discord Center</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Server Listing Website utilized by millions of users of the popular
|
||||
communicaton platform - "Discord" which specializes in growing
|
||||
Discord servers.
|
||||
</p>
|
||||
<Link href="/portfolio/discord-center" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-3.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/hytale-server-hosting">
|
||||
Hytale Server Hosting
|
||||
</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Server Hosting company for the upcoming, highly anticipated
|
||||
videogame - Hytale, being developed by Tencent, the parent-company
|
||||
for TikTok & Riot Games.
|
||||
</p>
|
||||
<Link href="/portfolio/hytale-server-hosting" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-5.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/water-main-line-replacement">
|
||||
Water Main Line Replacement LLC
|
||||
</Link>
|
||||
</h2>
|
||||
<p>
|
||||
A water main line replacement company in Atlanta, Georgia that
|
||||
handles the installation and repair of essential water pipelines.
|
||||
</p>
|
||||
<Link
|
||||
href="/portfolio/water-main-line-replacement"
|
||||
className="btn btn-two"
|
||||
>
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-7.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/taqueria-del-mar">Taqueria del Mar</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Latin American eatery in Atlanta, Georgia that specializes in
|
||||
Mexican cuisine with a modern twist.
|
||||
</p>
|
||||
<Link href="/portfolio/taqueria-del-mar" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-8.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/jenni-bg-plumbing">Jenni BG Plumbing</Link>
|
||||
</h2>
|
||||
<p>
|
||||
Plumbing company in Peachtree Corners, Georgia that fixes and
|
||||
installs pipes, fixtures, and other systems that carry water and
|
||||
waste in homes and businesses.
|
||||
</p>
|
||||
<Link href="/portfolio/jenni-bg-plumbing" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-9.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide>
|
||||
<div className="project__item-three shine-animate-item">
|
||||
<div className="project__content-three">
|
||||
<h2 className="title">
|
||||
<Link href="/portfolio/the-gurvey-law-group">
|
||||
The Gurvey Law Group
|
||||
</Link>
|
||||
</h2>
|
||||
<p>
|
||||
A law firm in Brookhaven, Georgia that specializes in investments,
|
||||
purchases, and sales.
|
||||
</p>
|
||||
<Link href="/portfolio/the-gurvey-law-group" className="btn btn-two">
|
||||
View Case Study
|
||||
</Link>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img src="/assets/img/custom/project-10.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
<div className="project__nav-wrap">
|
||||
<div className="project-button-prev">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
<div className="project-button-next">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project__thumb-three shine-animate">
|
||||
<img
|
||||
src={`/assets/img/custom/clients-new/${q.image}`}
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<div className="project__nav-wrap">
|
||||
<div className="project-button-prev">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
<div className="project-button-next">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="project__shape-wrap-three">
|
||||
<img
|
||||
src="/assets/img/project/h3_project_shape01.png"
|
||||
alt=""
|
||||
data-aos="fade-left"
|
||||
data-aos-delay={400}
|
||||
/>
|
||||
<img src="/assets/img/project/h3_project_shape02.png" alt="" className="alltuchtopdown" />
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="project__shape-wrap-three">
|
||||
<img
|
||||
src="/assets/img/project/h3_project_shape01.png"
|
||||
alt=""
|
||||
data-aos="fade-left"
|
||||
data-aos-delay={400}
|
||||
/>
|
||||
<img
|
||||
src="/assets/img/project/h3_project_shape02.png"
|
||||
alt=""
|
||||
className="alltuchtopdown"
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@ -2,159 +2,94 @@
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import { Autoplay, Navigation, Pagination } from "swiper/modules";
|
||||
import Link from "next/link";
|
||||
import { reviews } from "../../datas/reviews";
|
||||
|
||||
const swiperOptions = {
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
modules: [Autoplay, Pagination, Navigation],
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
autoplay: {
|
||||
delay: 2500,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
loop: true,
|
||||
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: ".testimonial-two-button-next",
|
||||
prevEl: ".testimonial-two-button-prev",
|
||||
},
|
||||
// Navigation
|
||||
navigation: {
|
||||
nextEl: ".testimonial-two-button-next",
|
||||
prevEl: ".testimonial-two-button-prev",
|
||||
},
|
||||
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: ".swiper-pagination-testimonials",
|
||||
clickable: true,
|
||||
},
|
||||
// Pagination
|
||||
pagination: {
|
||||
el: ".swiper-pagination-testimonials",
|
||||
clickable: true,
|
||||
},
|
||||
};
|
||||
export default function Testimonials() {
|
||||
return (
|
||||
<>
|
||||
<section className="testimonials_area-seven">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-6 col-lg-8">
|
||||
<div className="section-title text-center mb-40 tg-heading-subheading animation-style3">
|
||||
<h2 className="title tg-element-title">Check out what our clients are saying...</h2>
|
||||
return (
|
||||
<>
|
||||
<section className="testimonials_area-seven">
|
||||
<div className="container">
|
||||
<div className="row justify-content-center">
|
||||
<div className="col-xl-6 col-lg-8">
|
||||
<div className="section-title text-center mb-40 tg-heading-subheading animation-style3">
|
||||
<h2 className="title tg-element-title">
|
||||
Check out what our clients are saying...
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="slider_testimonial_home7">
|
||||
<span className="quote-review">
|
||||
<img src="/assets/img/home7/quote.svg" />
|
||||
</span>
|
||||
<div className="swiper-container slider_baner__active">
|
||||
<Swiper {...swiperOptions} className="swiper-wrapper">
|
||||
{reviews.map((q) => (
|
||||
<SwiperSlide className="swiper-slide slide__home7">
|
||||
<div className="item-testimonial">
|
||||
<div className="item-testimonial-left">
|
||||
<div className="author-testimonial">
|
||||
<img src={q.img} />
|
||||
<div className="info-author-review">
|
||||
<strong className="name-review">{q.name}</strong>
|
||||
<div className="testimonial__rating">
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item-testimonial-right">
|
||||
<p>
|
||||
<Link
|
||||
href="https://maps.app.goo.gl/7Y48i2Yj5XEWPCAg6"
|
||||
target="_blank"
|
||||
>
|
||||
{q.review}
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="slider_testimonial_home7">
|
||||
<span className="quote-review">
|
||||
<img src="/assets/img/home7/quote.svg" />
|
||||
</span>
|
||||
<div className="swiper-container slider_baner__active">
|
||||
<Swiper {...swiperOptions} className="swiper-wrapper">
|
||||
<SwiperSlide className="swiper-slide slide__home7">
|
||||
<div className="item-testimonial">
|
||||
<div className="item-testimonial-left">
|
||||
<div className="author-testimonial">
|
||||
<img src="/assets/img/custom/review-1.png" />
|
||||
<div className="info-author-review">
|
||||
<strong className="name-review">Social Celebrity</strong>
|
||||
<p className="review-dept">
|
||||
<Link href="https://social-celebrity.com/" target="_blank">
|
||||
https://social-celebrity.com/
|
||||
</Link>
|
||||
</p>
|
||||
<div className="testimonial__rating">
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item-testimonial-right">
|
||||
<p>
|
||||
<Link href="https://maps.app.goo.gl/7Y48i2Yj5XEWPCAg6" target="_blank">
|
||||
RankRunners helped our brand reach the top of the search results for
|
||||
relevant search terms within just a few month's time. They truly
|
||||
take a comprehensive approach to SEO and clearly outline the entire
|
||||
process from start to finish so that we're never in the dark and
|
||||
know exactly how our budget is being allocated.
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="swiper-slide slide__home7">
|
||||
<div className="item-testimonial">
|
||||
<div className="item-testimonial-left">
|
||||
<div className="author-testimonial">
|
||||
<img src="/assets/img/custom/review-2.png" />
|
||||
<div className="info-author-review">
|
||||
<strong className="name-review">The Gurvey Law Group, PC</strong>
|
||||
<p className="review-dept">
|
||||
<Link href="https://gurveylaw.com/" target="_blank">
|
||||
https://gurveylaw.com/
|
||||
</Link>
|
||||
</p>
|
||||
<div className="testimonial__rating">
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item-testimonial-right">
|
||||
<p>
|
||||
<Link href="https://maps.app.goo.gl/Phwd6nT1PDTMPDVV6" target="_blank">
|
||||
Extremely happy with choosing to use Rankrunners to increase the
|
||||
amount of clients we work with. The entire process was easy and we
|
||||
saw an increase right away. Would recommend every company to use
|
||||
them to increase sales through their online tools!
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide className="swiper-slide slide__home7">
|
||||
<div className="item-testimonial">
|
||||
<div className="item-testimonial-left">
|
||||
<div className="author-testimonial">
|
||||
<img src="/assets/img/images/testi_avatar04.png" />
|
||||
<div className="info-author-review">
|
||||
<strong className="name-review">Andres Gonzalez</strong>
|
||||
<p className="review-dept">
|
||||
<Link href="#" target="_blank"></Link>
|
||||
</p>
|
||||
<div className="testimonial__rating">
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
<i className="fas fa-star" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="item-testimonial-right">
|
||||
<p>
|
||||
<Link href="https://maps.app.goo.gl/sv736kkuF13bqdzZ6" target="_blank">
|
||||
Awesome firm. They are helping us to develop and start out business
|
||||
the way we envisioned. Highly recommended professionals.
|
||||
</Link>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
<div className="testimonial__nav-four">
|
||||
<div className="testimonial-two-button-prev button-swiper-prev">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
<div className="testimonial-two-button-next button-swiper-next">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
</div>
|
||||
<div className="testimonial__nav-four">
|
||||
<div className="testimonial-two-button-prev button-swiper-prev">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
<div className="testimonial-two-button-next button-swiper-next">
|
||||
<i className="flaticon-right-arrow" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
156
datas/clients.js
Normal file
156
datas/clients.js
Normal file
@ -0,0 +1,156 @@
|
||||
export const clients = [
|
||||
{
|
||||
name: "The Pain Experts of Arizona",
|
||||
link: "https://thepainexpertsofarizona.com/",
|
||||
image: "the-pain-expert-arizona.jpg",
|
||||
description:
|
||||
"Award-winning pain management clinics located in Phoenix, Scottsdale, Mesa, and Gilbert, Arizona, providing expert pain management solutions.",
|
||||
},
|
||||
{
|
||||
name: "Owenbyjones Wealth Management",
|
||||
link: "https://owenbyjones.com/",
|
||||
image: "owe-by-jones.jpg",
|
||||
description:
|
||||
"Financial advisory firm located in Marietta and Alpharetta, Georgia providing comprehensive wealth management and estate planning solutions.",
|
||||
},
|
||||
{
|
||||
name: "Destin Bonfire Company",
|
||||
link: "https://destinbonfirecompany.com/",
|
||||
image: "destin-bonfire.jpg",
|
||||
description:
|
||||
"Elegant beach bonfires and wedding proposals for families and couples seeking a memorable experience while vacationing in the Florida Panhandle.",
|
||||
},
|
||||
{
|
||||
name: "Nick Francis Weddings",
|
||||
link: "https://nickfrancisweddings.com/",
|
||||
image: "nick-francis.jpg",
|
||||
description:
|
||||
"Luxury wedding photography and planning services at premium venues in and around Metro Atlanta.",
|
||||
},
|
||||
{
|
||||
name: "Top Notch Cleaning Solutions",
|
||||
link: "https://www.topnotchcleaningsolutionsupstate.com/",
|
||||
image: "top-notch-cleaning-solution.jpg",
|
||||
description:
|
||||
"Custom fence staining, gutter cleaning and repair, and interior cleaning services for Georgia and South Carolina residential and commercial property owners.",
|
||||
},
|
||||
{
|
||||
name: "Peachtree Service Experts",
|
||||
link: "https://www.peachtreeserviceexperts.com/",
|
||||
image: "peach-tree-service.jpg",
|
||||
description:
|
||||
"High-quality HVAC & plumbing services provided since 1947 for residential and commercial property owners throughout the state of Georgia.",
|
||||
},
|
||||
{
|
||||
name: "Perimeter Roofing",
|
||||
link: "https://perimeterroofing.com/",
|
||||
image: "perimeter-roofing.jpg",
|
||||
description:
|
||||
"Full-service roofing company servicing homeowners in Georgia, Alabama, and Tennessee.",
|
||||
},
|
||||
{
|
||||
name: "Absolutely Plumb Happy",
|
||||
link: "https://absolutelyplumbhappy.com/",
|
||||
image: "absolute-plumbing.jpg",
|
||||
description:
|
||||
"Affordable and comprehensive plumbing services offered to residents in and around Metro Atlanta.",
|
||||
},
|
||||
{
|
||||
name: "Hytale Hosting",
|
||||
link: "https://hytalehosting.net/",
|
||||
image: "hytale-hosting.jpg",
|
||||
description:
|
||||
"Server hosting company for the upcoming, highly anticipated video game - Hytale, being developed by Tencent, the parent company of TikTok & Riot Games.",
|
||||
},
|
||||
{
|
||||
name: "Taqueria Del Mar",
|
||||
link: "https://taqueriadelmar.com/",
|
||||
image: "delmar.jpg",
|
||||
description:
|
||||
"Latin American eatery in Peachtree Corners, Georgia that specializes in Mexican cuisine with a modern twist.",
|
||||
},
|
||||
{
|
||||
name: "Destin Beach Weddings",
|
||||
link: "https://www.destinbeachweddings.org/",
|
||||
image: "destin-wedding-beach-wedding.jpg",
|
||||
description:
|
||||
"Travel destination wedding planners offering full-service wedding packages to new couples in and around Destin and Panama City Beach.",
|
||||
},
|
||||
{
|
||||
name: "Destin Cart Company",
|
||||
link: "https://destincartcompany.com",
|
||||
image: "destin-cart-company.jpg",
|
||||
description:
|
||||
"Beach Golf Cart Rentals offered at both premium and luxury rates designed to enhance the experience of Destin vacationers.",
|
||||
},
|
||||
{
|
||||
name: "Ashton Woods",
|
||||
link: "https://www.ashtonwoods.com/",
|
||||
image: "ashton-woods.jpg",
|
||||
description:
|
||||
"Nationally-renowned custom home construction company with locations in Atlanta, Arizona, South Carolina, Florida, Texas, and Tennessee.",
|
||||
},
|
||||
{
|
||||
name: "Hytale Hub",
|
||||
link: "https://hytalehub.com/",
|
||||
image: "hytale-hub.jpg",
|
||||
description:
|
||||
"Official community forum website for the highly anticipated upcoming MMO - Hytale, being developed by Riot Games & Tencent.",
|
||||
},
|
||||
{
|
||||
name: "Taylors Success Enterprise",
|
||||
link: "https://taylorssuccessenterprise.com/",
|
||||
image: "taylor-success-enterprise.jpg",
|
||||
description:
|
||||
"Personal website of Taylor Stubbs, founder and owner of Taylor's Success Enterprise, based in Atlanta, Georgia.",
|
||||
},
|
||||
{
|
||||
name: "DIM Construction & Roofing",
|
||||
link: "https://dimroofing.com/",
|
||||
image: "dimroofing.jpg",
|
||||
description:
|
||||
"Full-service roofing installation and repair company servicing Metro Atlanta and surrounding areas.",
|
||||
},
|
||||
{
|
||||
name: "Perez Pools",
|
||||
link: "https://perezpools.com/",
|
||||
image: "perez-pools.jpg",
|
||||
description:
|
||||
"Expert pool service, cleaning, and maintenance offered to homeowners in and around Metro Atlanta.",
|
||||
},
|
||||
{
|
||||
name: "Coastal Cat Cafe",
|
||||
link: "https://www.coastalcatpcola.com/",
|
||||
image: "coastalcatpcola.jpg",
|
||||
description:
|
||||
"A unique and delightful haven that combines the allure of adorable felines with the unmistakable charm of Pensacola.",
|
||||
},
|
||||
{
|
||||
name: "Latin Fresh Group",
|
||||
link: "https://www.latinfreshgroup.com/",
|
||||
image: "latin-fresh.jpg",
|
||||
description:
|
||||
"Latin Fresh is a fast-casual restaurant chain inspired by the vibrant flavors of Latin American cuisine.",
|
||||
},
|
||||
{
|
||||
name: "Discord Center",
|
||||
link: "https://discord.center/",
|
||||
image: "discord-center.jpg",
|
||||
description:
|
||||
"Server listing website utilized by millions of users of the popular communication platform 'Discord' which specializes in growing Discord servers.",
|
||||
},
|
||||
{
|
||||
name: "Peachtree Corners Gov",
|
||||
link: "https://www.peachtreecornersga.gov/",
|
||||
image: "peach-tree-cornersga.jpg",
|
||||
description:
|
||||
"The official government website for the city of Peachtree Corners.",
|
||||
},
|
||||
{
|
||||
name: "The Legend of Pirates Online",
|
||||
link: "https://tlopo.com/",
|
||||
image: "pirate-online.jpg",
|
||||
description:
|
||||
"A fully revamped version of the now-defunct popular Disney Interactive MMORPG - Pirates of the Caribbean Online.",
|
||||
},
|
||||
];
|
||||
38
datas/reviews.js
Normal file
38
datas/reviews.js
Normal file
@ -0,0 +1,38 @@
|
||||
export const reviews = [
|
||||
{
|
||||
name: "Christopher Perez",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjW1bzRR_WnaF2Pzlgkft4Ldg759vaCBrjdUl94NcC5hGbyYcGWL=s40-c-rp-mo-br100",
|
||||
review:
|
||||
"Pearson and his team have been doing a fantastic job at running my business’s google ads and local seo. They tailored a marketing strategy that fit my company budget and has thoroughly communicated every step of the way!",
|
||||
},
|
||||
{
|
||||
name: "Nathan Wolfe",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjVAEdwRkSHwmqyxZOqP_zRDwDdOACcm2089S7EJkF_CNnu-wqYlqA=s40-c-rp-mo-ba3-br100",
|
||||
review:
|
||||
"Pearson and Katya are fantastic! My initial meeting with them went well, and I was impressed with their level of professionalism and organization. I appreciate how cordial and kind they've been, and I highly recommend their digital marketing services to any small business owners that are looking to scale their companies! Five stars!",
|
||||
},
|
||||
{
|
||||
name: "The Gurvey Law Group, PC",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjXz-Mx_OD2_ObJCKfT__vFOfWfB-Yr58wD1albG7yc5fbOo6JY=s40-c-rp-mo-br100",
|
||||
review:
|
||||
"Extremely happy with choosing to use Rankrunners to increase the amount of clients we work with. The entire process was easy and we saw an increase right away. Would recommend every company to use them to increase sales through their online tools!",
|
||||
},
|
||||
{
|
||||
name: "Fausto Vasconez",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjWv9pg--deb_h1ooN28qqykoIc2Mrav5Pigc1dU1YLE5MPJ0-_gfQ=s40-c-rp-mo-br100",
|
||||
review:
|
||||
"I’m really glad I chose RankRunners for my roofing business. They were very helpful, answered all my questions, and made everything easy to understand. They helped me set up my Google Business Profile and run ads, and I’ve already seen great results. I highly recommend them to anyone looking to grow their business online!",
|
||||
},
|
||||
{
|
||||
name: "Kristy Altamira",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjU-btAhbQhxv2l7T3Evufou4AsDebDsBagVrrPkqvgbEXKRyF8=s40-c-rp-mo-br100",
|
||||
review:
|
||||
"I am so glad that I went to the Hispanic Chamber of Commerce event, because that’s where I met Katya. Her advice to connect with Rankrunners was a game changer for my business. Before reaching out to them, I was stuck in a rut, struggling to bring traffic to my website. Fast forward to now, and I’m receiving calls every single day! Rankrunners didn’t just help me get more visibility online—they helped me take my construction business to the next level. If you’re looking to grow your business and get real results, I can’t recommend them enough!",
|
||||
},
|
||||
{
|
||||
name: "Elijah John",
|
||||
img: "https://lh3.googleusercontent.com/a-/ALV-UjUKfGm7A9x8xiQtfgfoJu-2PoA5-E7XIEIEN5wJkTsBCmNlOH8=s40-c-rp-mo-br100",
|
||||
review:
|
||||
"I had the pleasure working with the team at Rankrunners. They helped me take my insurance biz to the next level. In addition, networking with them is a plus. We introduce each other to key figures at events that align with our businesses. I recommend them for all of your SEO needs.",
|
||||
},
|
||||
];
|
||||
151
package-lock.json
generated
151
package-lock.json
generated
@ -54,10 +54,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/runtime": {
|
||||
"version": "7.27.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.27.0.tgz",
|
||||
"integrity": "sha512-VtPOkrdPHZsKc/clNqyi9WUA8TINkZ4cGk63UUE3u4pmB2k+ZMQRDuIOagv8UVd6j7k0T3+RRIb7beKTebNbcw==",
|
||||
"license": "MIT",
|
||||
"version": "7.24.8",
|
||||
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz",
|
||||
"integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==",
|
||||
"dependencies": {
|
||||
"regenerator-runtime": "^0.14.0"
|
||||
},
|
||||
@ -279,10 +278,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/env": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.27.tgz",
|
||||
"integrity": "sha512-VLGHu7aBMK0rmSEPjx6qb4njGYfEfN5HpeYV32II1dNZZvPxqa+RfWVgPf4q6hmicavceAGeQneTxofx7Zm/yw==",
|
||||
"license": "MIT"
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.5.tgz",
|
||||
"integrity": "sha512-/zZGkrTOsraVfYjGP8uM0p6r0BDT6xWpkjdVbcz66PJVSpwXX3yNiRycxAuDfBKGWBrZBXRuK/YVlkNgxHGwmA=="
|
||||
},
|
||||
"node_modules/@next/mdx": {
|
||||
"version": "14.2.5",
|
||||
@ -305,13 +303,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-darwin-arm64": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.27.tgz",
|
||||
"integrity": "sha512-WKJsKqY1f8NkwcfVbUtoTjJ5e8Q2kEFhjM7tVFA3jqesetBR2EegUTed1Ov7lZebQ7XRrphAg665egiCLc9+Iw==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.5.tgz",
|
||||
"integrity": "sha512-/9zVxJ+K9lrzSGli1///ujyRfon/ZneeZ+v4ptpiPoOU+GKZnm8Wj8ELWU1Pm7GHltYRBklmXMTUqM/DqQ99FQ==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@ -321,13 +318,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-darwin-x64": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.27.tgz",
|
||||
"integrity": "sha512-fsXAM07rt7FQ/dpPFk+YZ8LVQ48xP37KzPFAwdQFmVzNLgizdUyNSg9zwu7l0ziMtHFBofYgBXayg9qAxIhorQ==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.5.tgz",
|
||||
"integrity": "sha512-vXHOPCwfDe9qLDuq7U1OYM2wUY+KQ4Ex6ozwsKxp26BlJ6XXbHleOUldenM67JRyBfVjv371oneEvYd3H2gNSA==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"darwin"
|
||||
@ -337,13 +333,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-linux-arm64-gnu": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.27.tgz",
|
||||
"integrity": "sha512-yMIvV5nTOk4p0TDhd9DU6QswEm8YjZnr1o9ZI7A6jh25JHvPsIvjgyTVSlnrGFKlNNtOOJCIv5mwVU7+4VZvsg==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.5.tgz",
|
||||
"integrity": "sha512-vlhB8wI+lj8q1ExFW8lbWutA4M2ZazQNvMWuEDqZcuJJc78iUnLdPPunBPX8rC4IgT6lIx/adB+Cwrl99MzNaA==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -353,13 +348,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-linux-arm64-musl": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.27.tgz",
|
||||
"integrity": "sha512-gpOtTwE9GUkp+VNPwTYFn1fN1UINQTulbgO8UJzBgi77g/+T+yQxfBsKUy2H96aKjoMT/AYfn3yyomNXXVoZZg==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.5.tgz",
|
||||
"integrity": "sha512-NpDB9NUR2t0hXzJJwQSGu1IAOYybsfeB+LxpGsXrRIb7QOrYmidJz3shzY8cM6+rO4Aojuef0N/PEaX18pi9OA==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -369,13 +363,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-linux-x64-gnu": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.27.tgz",
|
||||
"integrity": "sha512-b7bogYfYyutEhyDST5qpBkmVENZz1mVOO2632KerJjwWgr2cdycAPU33VmpTVvTs/fT8+oeoUuZ31aQV6cUhpw==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.5.tgz",
|
||||
"integrity": "sha512-8XFikMSxWleYNryWIjiCX+gU201YS+erTUidKdyOVYi5qUQo/gRxv/3N1oZFCgqpesN6FPeqGM72Zve+nReVXQ==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -385,13 +378,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-linux-x64-musl": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.27.tgz",
|
||||
"integrity": "sha512-yGZX038wBDSRJ7tbZ6OFZtCUvLXZDVpw9rEgNUK/0PL++65hENaiMXhxJtupeCFqzHdMuJwrCnEW29saF4NmEw==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.5.tgz",
|
||||
"integrity": "sha512-6QLwi7RaYiQDcRDSU/os40r5o06b5ue7Jsk5JgdRBGGp8l37RZEh9JsLSM8QF0YDsgcosSeHjglgqi25+m04IQ==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"linux"
|
||||
@ -401,13 +393,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-win32-arm64-msvc": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.27.tgz",
|
||||
"integrity": "sha512-yRY9RzPpk+Jex4DthdKja8C3evh6jB+22AeVd6yTbcnGAFGXQWJTs6DfEcEfeFpqIEcIGbWYq7pinz6vRv7tJA==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.5.tgz",
|
||||
"integrity": "sha512-1GpG2VhbspO+aYoMOQPQiqc/tG3LzmsdBH0LhnDS3JrtDx2QmzXe0B6mSZZiN3Bq7IOMXxv1nlsjzoS1+9mzZw==",
|
||||
"cpu": [
|
||||
"arm64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -417,13 +408,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-win32-ia32-msvc": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.27.tgz",
|
||||
"integrity": "sha512-VSqDGpoKoUgkE2Ba4/89ZchktDOwPhKy3HgQgTf3gOhK/ZEibujLJN4qzp3rSIadn4cXUID3PmuEEM6uRPA7nQ==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.5.tgz",
|
||||
"integrity": "sha512-Igh9ZlxwvCDsu6438FXlQTHlRno4gFpJzqPjSIBZooD22tKeI4fE/YMRoHVJHmrQ2P5YL1DoZ0qaOKkbeFWeMg==",
|
||||
"cpu": [
|
||||
"ia32"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -433,13 +423,12 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@next/swc-win32-x64-msvc": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.27.tgz",
|
||||
"integrity": "sha512-bK46G4uS5SVlq88FnxyupRuuaCfHPtB/7heBRAZCiHD9GdVktadjiQPCzlXWTKgv6pJxP8bE7J9GGDwodtn9Mw==",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.5.tgz",
|
||||
"integrity": "sha512-tEQ7oinq1/CjSG9uSTerca3v4AZ+dFa+4Yu6ihaG8Ud8ddqLQgFGcnwYls13H5X5CPDPZJdYxyeMui6muOLd4g==",
|
||||
"cpu": [
|
||||
"x64"
|
||||
],
|
||||
"license": "MIT",
|
||||
"optional": true,
|
||||
"os": [
|
||||
"win32"
|
||||
@ -597,13 +586,11 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@supabase/ssr": {
|
||||
"version": "0.5.2",
|
||||
"resolved": "https://registry.npmjs.org/@supabase/ssr/-/ssr-0.5.2.tgz",
|
||||
"integrity": "sha512-n3plRhr2Bs8Xun1o4S3k1CDv17iH5QY9YcoEvXX3bxV1/5XSasA0mNXYycFmADIdtdE6BG9MRjP5CGIs8qxC8A==",
|
||||
"license": "MIT",
|
||||
"version": "0.5.1",
|
||||
"resolved": "https://registry.npmjs.org/@supabase/ssr/-/ssr-0.5.1.tgz",
|
||||
"integrity": "sha512-+G94H/GZG0nErZ3FQV9yJmsC5Rj7dmcfCAwOt37hxeR1La+QTl8cE9whzYwPUrTJjMLGNXoO+1BMvVxwBAbz4g==",
|
||||
"dependencies": {
|
||||
"@types/cookie": "^0.6.0",
|
||||
"cookie": "^0.7.0"
|
||||
"cookie": "^0.6.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@supabase/supabase-js": "^2.43.4"
|
||||
@ -1039,10 +1026,9 @@
|
||||
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
|
||||
},
|
||||
"node_modules/axios": {
|
||||
"version": "1.8.4",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
|
||||
"integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
|
||||
"license": "MIT",
|
||||
"version": "1.7.4",
|
||||
"resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
|
||||
"integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
|
||||
"dependencies": {
|
||||
"follow-redirects": "^1.15.6",
|
||||
"form-data": "^4.0.0",
|
||||
@ -1401,22 +1387,20 @@
|
||||
}
|
||||
},
|
||||
"node_modules/cookie": {
|
||||
"version": "0.7.2",
|
||||
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
|
||||
"integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
|
||||
"license": "MIT",
|
||||
"version": "0.6.0",
|
||||
"resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
|
||||
"integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
|
||||
"engines": {
|
||||
"node": ">= 0.6"
|
||||
}
|
||||
},
|
||||
"node_modules/cookies-next": {
|
||||
"version": "4.3.0",
|
||||
"resolved": "https://registry.npmjs.org/cookies-next/-/cookies-next-4.3.0.tgz",
|
||||
"integrity": "sha512-XxeCwLR30cWwRd94sa9X5lRCDLVujtx73tv+N0doQCFIDl83fuuYdxbu/WQUt9aSV7EJx7bkMvJldjvzuFqr4w==",
|
||||
"license": "MIT",
|
||||
"version": "4.2.1",
|
||||
"resolved": "https://registry.npmjs.org/cookies-next/-/cookies-next-4.2.1.tgz",
|
||||
"integrity": "sha512-qsjtZ8TLlxCSX2JphMQNhkm3V3zIMQ05WrLkBKBwu50npBbBfiZWIdmSMzBGcdGKfMK19E0PIitTfRFAdMGHXg==",
|
||||
"dependencies": {
|
||||
"@types/cookie": "^0.6.0",
|
||||
"cookie": "^0.7.0"
|
||||
"cookie": "^0.6.0"
|
||||
}
|
||||
},
|
||||
"node_modules/core-js": {
|
||||
@ -1435,10 +1419,9 @@
|
||||
"integrity": "sha512-4JwHNqaKZ19doQoNcBjsoYA+I7NqCH/mC/6f5cBWvdKzcK5TMmzLpq3Z/syVHMHJuDGFwJ+rPpGizvrqJybJow=="
|
||||
},
|
||||
"node_modules/cross-spawn": {
|
||||
"version": "7.0.6",
|
||||
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
|
||||
"integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
|
||||
"license": "MIT",
|
||||
"version": "7.0.3",
|
||||
"resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
|
||||
"integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
|
||||
"dependencies": {
|
||||
"path-key": "^3.1.0",
|
||||
"shebang-command": "^2.0.0",
|
||||
@ -3320,16 +3303,15 @@
|
||||
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
|
||||
},
|
||||
"node_modules/nanoid": {
|
||||
"version": "3.3.11",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
|
||||
"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
|
||||
"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
|
||||
"funding": [
|
||||
{
|
||||
"type": "github",
|
||||
"url": "https://github.com/sponsors/ai"
|
||||
}
|
||||
],
|
||||
"license": "MIT",
|
||||
"bin": {
|
||||
"nanoid": "bin/nanoid.cjs"
|
||||
},
|
||||
@ -3344,12 +3326,11 @@
|
||||
"peer": true
|
||||
},
|
||||
"node_modules/next": {
|
||||
"version": "14.2.27",
|
||||
"resolved": "https://registry.npmjs.org/next/-/next-14.2.27.tgz",
|
||||
"integrity": "sha512-xmTsnu6rbXVaupRmU2k3BHVpQp7kK+/Ge9XYZlwXQNS2IPP/U9ToDoO6tTSzZIV36fmDBnwKqBUd7KuFXTi0Mw==",
|
||||
"license": "MIT",
|
||||
"version": "14.2.5",
|
||||
"resolved": "https://registry.npmjs.org/next/-/next-14.2.5.tgz",
|
||||
"integrity": "sha512-0f8aRfBVL+mpzfBjYfQuLWh2WyAwtJXCRfkPF4UJ5qd2YwrHczsrSzXU4tRMV0OAxR8ZJZWPFn6uhSC56UTsLA==",
|
||||
"dependencies": {
|
||||
"@next/env": "14.2.27",
|
||||
"@next/env": "14.2.5",
|
||||
"@swc/helpers": "0.5.5",
|
||||
"busboy": "1.6.0",
|
||||
"caniuse-lite": "^1.0.30001579",
|
||||
@ -3364,15 +3345,15 @@
|
||||
"node": ">=18.17.0"
|
||||
},
|
||||
"optionalDependencies": {
|
||||
"@next/swc-darwin-arm64": "14.2.27",
|
||||
"@next/swc-darwin-x64": "14.2.27",
|
||||
"@next/swc-linux-arm64-gnu": "14.2.27",
|
||||
"@next/swc-linux-arm64-musl": "14.2.27",
|
||||
"@next/swc-linux-x64-gnu": "14.2.27",
|
||||
"@next/swc-linux-x64-musl": "14.2.27",
|
||||
"@next/swc-win32-arm64-msvc": "14.2.27",
|
||||
"@next/swc-win32-ia32-msvc": "14.2.27",
|
||||
"@next/swc-win32-x64-msvc": "14.2.27"
|
||||
"@next/swc-darwin-arm64": "14.2.5",
|
||||
"@next/swc-darwin-x64": "14.2.5",
|
||||
"@next/swc-linux-arm64-gnu": "14.2.5",
|
||||
"@next/swc-linux-arm64-musl": "14.2.5",
|
||||
"@next/swc-linux-x64-gnu": "14.2.5",
|
||||
"@next/swc-linux-x64-musl": "14.2.5",
|
||||
"@next/swc-win32-arm64-msvc": "14.2.5",
|
||||
"@next/swc-win32-ia32-msvc": "14.2.5",
|
||||
"@next/swc-win32-x64-msvc": "14.2.5"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"@opentelemetry/api": "^1.1.0",
|
||||
|
||||
BIN
public/assets/img/custom/clients-new/absolute-plumbing.jpg
Normal file
BIN
public/assets/img/custom/clients-new/absolute-plumbing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 256 KiB |
BIN
public/assets/img/custom/clients-new/ashton-woods.jpg
Normal file
BIN
public/assets/img/custom/clients-new/ashton-woods.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 159 KiB |
BIN
public/assets/img/custom/clients-new/coastalcatpcola.jpg
Normal file
BIN
public/assets/img/custom/clients-new/coastalcatpcola.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
BIN
public/assets/img/custom/clients-new/delmar.jpg
Normal file
BIN
public/assets/img/custom/clients-new/delmar.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 513 KiB |
BIN
public/assets/img/custom/clients-new/destin-bonfire.jpg
Normal file
BIN
public/assets/img/custom/clients-new/destin-bonfire.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
public/assets/img/custom/clients-new/destin-cart-company.jpg
Normal file
BIN
public/assets/img/custom/clients-new/destin-cart-company.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
BIN
public/assets/img/custom/clients-new/dimroofing.jpg
Normal file
BIN
public/assets/img/custom/clients-new/dimroofing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
BIN
public/assets/img/custom/clients-new/discord-center.jpg
Normal file
BIN
public/assets/img/custom/clients-new/discord-center.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 503 KiB |
BIN
public/assets/img/custom/clients-new/hytale-hosting.jpg
Normal file
BIN
public/assets/img/custom/clients-new/hytale-hosting.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 323 KiB |
BIN
public/assets/img/custom/clients-new/hytale-hub.jpg
Normal file
BIN
public/assets/img/custom/clients-new/hytale-hub.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 282 KiB |
BIN
public/assets/img/custom/clients-new/latin-fresh.jpg
Normal file
BIN
public/assets/img/custom/clients-new/latin-fresh.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 428 KiB |
23
public/assets/img/custom/clients-new/list.txt
Normal file
23
public/assets/img/custom/clients-new/list.txt
Normal file
@ -0,0 +1,23 @@
|
||||
absolute-plumbing.jpg
|
||||
ashton-woods.jpg
|
||||
coastalcatpcola.jpg
|
||||
delmar.jpg
|
||||
destin-bonfire.jpg
|
||||
destin-wedding-beach-wedding.jpg
|
||||
dimroofing.jpg
|
||||
discord-center.jpg
|
||||
hytale-hosting.jpg
|
||||
hytale-hub.jpg
|
||||
latin-fresh.jpg
|
||||
list.tsx
|
||||
list.txt
|
||||
nick-francis.jpg
|
||||
owe-by-jones.jpg
|
||||
peach-tree-cornersga.jpg
|
||||
peach-tree-service.jpg
|
||||
perez-pools.jpg
|
||||
perimeter-roofing.jpg
|
||||
pirate-online.jpg
|
||||
taylor-success-enterprise.jpg
|
||||
the-pain-expert-arizona.jpg
|
||||
top-notch-cleaning-solution.jpg
|
||||
BIN
public/assets/img/custom/clients-new/nick-francis.jpg
Normal file
BIN
public/assets/img/custom/clients-new/nick-francis.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
BIN
public/assets/img/custom/clients-new/owe-by-jones.jpg
Normal file
BIN
public/assets/img/custom/clients-new/owe-by-jones.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 397 KiB |
BIN
public/assets/img/custom/clients-new/peach-tree-cornersga.jpg
Normal file
BIN
public/assets/img/custom/clients-new/peach-tree-cornersga.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 KiB |
BIN
public/assets/img/custom/clients-new/peach-tree-service.jpg
Normal file
BIN
public/assets/img/custom/clients-new/peach-tree-service.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
BIN
public/assets/img/custom/clients-new/perez-pools.jpg
Normal file
BIN
public/assets/img/custom/clients-new/perez-pools.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 566 KiB |
BIN
public/assets/img/custom/clients-new/perimeter-roofing.jpg
Normal file
BIN
public/assets/img/custom/clients-new/perimeter-roofing.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 KiB |
BIN
public/assets/img/custom/clients-new/pirate-online.jpg
Normal file
BIN
public/assets/img/custom/clients-new/pirate-online.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 558 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 306 KiB |
BIN
public/assets/img/custom/clients-new/the-pain-expert-arizona.jpg
Normal file
BIN
public/assets/img/custom/clients-new/the-pain-expert-arizona.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 272 KiB |
@ -6,6 +6,7 @@
|
||||
.tg-button-wrap {
|
||||
@include flexbox();
|
||||
}
|
||||
|
||||
.btn {
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
@ -31,6 +32,7 @@
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
@ -45,6 +47,7 @@
|
||||
@include border-radius(50%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "\f10a";
|
||||
font-family: flaticon;
|
||||
@ -54,23 +57,29 @@
|
||||
line-height: 0;
|
||||
@include transition(0.3s);
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus-visible {
|
||||
color: var(--tg-color-white-default);
|
||||
background: var(--tg-theme-primary);
|
||||
|
||||
&:before {
|
||||
top: -40%;
|
||||
}
|
||||
}
|
||||
|
||||
&-two {
|
||||
background: var(--tg-theme-secondary);
|
||||
|
||||
&:hover {
|
||||
background: var(--tg-theme-secondary);
|
||||
}
|
||||
|
||||
&::before {
|
||||
background: var(--tg-theme-primary);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-login-social {
|
||||
background-color: var(--tg-color-white-default);
|
||||
width: 100%;
|
||||
@ -79,16 +88,20 @@
|
||||
font-size: 16px;
|
||||
line-height: 28px;
|
||||
text-transform: capitalize;
|
||||
|
||||
img {
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--tg-color-white-default);
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-login {
|
||||
width: 100%;
|
||||
border-radius: 11px;
|
||||
@ -96,20 +109,28 @@
|
||||
justify-content: center;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
|
||||
&:hover {
|
||||
background-color: var(--tg-theme-secondary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hide-icon {
|
||||
display: block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.border-btn {
|
||||
border: 1px solid var(--tg-theme-secondary);
|
||||
background: transparent;
|
||||
color: var(--tg-theme-secondary);
|
||||
padding: 17px 24px;
|
||||
|
||||
&::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--tg-theme-secondary);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user