Merge version_2 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -3,13 +3,13 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Target, TrendingUp, Users } from "lucide-react";
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Target, TrendingUp, Users, Mail, Phone, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,22 +29,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Ground Rule Double, LLC"
|
||||
/>
|
||||
@@ -52,114 +41,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ground Rule Double: Elevate Your Digital Footprint."
|
||||
description="Expert Business Consulting, SEO Services, and Social Media Management that drives real business outcomes."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=1",
|
||||
imageAlt: "Hero image 1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=2",
|
||||
imageAlt: "Hero image 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=3",
|
||||
imageAlt: "Hero image 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=4",
|
||||
imageAlt: "Hero image 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=5",
|
||||
imageAlt: "Hero image 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=6",
|
||||
imageAlt: "Hero image 6",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=1", imageAlt: "Hero image 1" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=3", imageAlt: "Hero image 3" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=5", imageAlt: "Hero image 5" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=7",
|
||||
imageAlt: "Hero image 7",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=8",
|
||||
imageAlt: "Hero image 8",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=9",
|
||||
imageAlt: "Hero image 9",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=10",
|
||||
imageAlt: "Hero image 10",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=11",
|
||||
imageAlt: "Hero image 11",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=12",
|
||||
imageAlt: "Hero image 12",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=7", imageAlt: "Hero image 7" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=9", imageAlt: "Hero image 9" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-desk-arrangement-with-laptop_23-2149386342.jpg?_wi=11", imageAlt: "Hero image 11" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
avatarText="Trusted by 500+ successful companies"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "SEO Strategy",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Conversion Optimization",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Business Consulting",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Analytics",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[{ type: "text", text: "SEO Strategy" }, { type: "text", text: "Conversion Optimization" }, { type: "text", text: "Business Consulting" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -168,21 +65,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Strategy-Driven Growth"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Organic Traffic Growth",
|
||||
value: "200%",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Social Engagement",
|
||||
value: "150%",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Conversion Rate",
|
||||
value: "45%",
|
||||
},
|
||||
{ icon: TrendingUp, label: "Organic Traffic Growth", value: "200%" },
|
||||
{ icon: Users, label: "Social Engagement", value: "150%" },
|
||||
{ icon: Target, label: "Conversion Rate", value: "45%" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -193,24 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "SEO Services",
|
||||
description: "Technical audit, keyword strategy, and backlink growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761034.jpg",
|
||||
imageAlt: "SEO Icon",
|
||||
},
|
||||
{
|
||||
title: "Business Consulting",
|
||||
description: "Strategic operational improvements to boost profitability.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vs-company-metal-letter-logo_460848-6493.jpg",
|
||||
imageAlt: "Consulting Icon",
|
||||
},
|
||||
{
|
||||
title: "Social Media Management",
|
||||
description: "Brand-consistent content creation and community management.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-illustration-gramophone-color-background_460848-8490.jpg",
|
||||
imageAlt: "Social Icon",
|
||||
},
|
||||
{ title: "SEO Services", description: "Technical audit, keyword strategy, and backlink growth.", imageSrc: "http://img.b2bpic.net/free-photo/birth-rate-fertility-concept_23-2148761034.jpg" },
|
||||
{ title: "Business Consulting", description: "Strategic operational improvements to boost profitability.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-vs-company-metal-letter-logo_460848-6493.jpg" },
|
||||
{ title: "Social Media Management", description: "Brand-consistent content creation and community management.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-illustration-gramophone-color-background_460848-8490.jpg" },
|
||||
]}
|
||||
title="Tailored Digital Solutions"
|
||||
description="Customized strategies to dominate your industry online."
|
||||
@@ -218,83 +88,40 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
<TestimonialCardOne
|
||||
useInvertedBackground={false}
|
||||
testimonial="The expertise at Ground Rule Double transformed our online presence in record time. Absolute professionals."
|
||||
rating={5}
|
||||
author="Sarah Thompson, CEO of TechBridge"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg",
|
||||
alt: "John",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg",
|
||||
alt: "Emily",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-business-leader-sitting-table_1262-4870.jpg",
|
||||
alt: "Alex",
|
||||
},
|
||||
title="What Our Clients Say"
|
||||
description="Hear from the partners who grew with us."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Thompson", role: "CEO", company: "TechBridge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Director", company: "InnovateCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-person_23-2151098593.jpg" },
|
||||
{ id: "3", name: "Emily White", role: "Founder", company: "CreativeStudio", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-11786.jpg" }
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to scale your business? Let's talk strategy."
|
||||
buttons={[
|
||||
{
|
||||
text: "Connect Today",
|
||||
href: "mailto:hello@groundruledouble.com",
|
||||
},
|
||||
]}
|
||||
<ContactSplit
|
||||
title="Get in Touch"
|
||||
description="Let's discuss how we can help your business grow."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Contact"
|
||||
useInvertedBackground={true}
|
||||
onSubmit={(email) => console.log("Form submitted", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "mailto:hello@groundruledouble.com",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterCard
|
||||
logoText="Ground Rule Double, LLC"
|
||||
copyrightText="© 2025 Ground Rule Double, LLC. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Mail, href: "mailto:hello@groundruledouble.com", ariaLabel: "Email" },
|
||||
{ icon: Phone, href: "tel:+15550000000", ariaLabel: "Phone" },
|
||||
{ icon: MapPin, href: "#", ariaLabel: "Address" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user