Merge version_2 into main #1
169
src/app/page.tsx
169
src/app/page.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Our Impact",
|
||||
id: "metrics",
|
||||
},
|
||||
name: "Our Impact", id: "metrics"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Spread"
|
||||
/>
|
||||
@@ -52,47 +44,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="We Spread Your Brand Offline"
|
||||
description="Transforming spaces, events, and cityscapes into powerful touchpoints for your audience. From billboards to full-scale movements, we make your message unmissable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Spreading",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Spreading", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg",
|
||||
imageAlt: "Large digital billboard city",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-front-large-billboard_53876-98092.jpg", imageAlt: "Large digital billboard city"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425839.jpg",
|
||||
imageAlt: "Festival crowd activation",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/retro-summer-activities-with-80-s-inspired-aesthetic_23-2151425839.jpg", imageAlt: "Festival crowd activation"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sharing-document_23-2149345277.jpg",
|
||||
imageAlt: "Experiential booth event",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-sharing-document_23-2149345277.jpg", imageAlt: "Experiential booth event"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-glowing-illuminated-billboards-pedestrians_9975-32918.jpg",
|
||||
imageAlt: "Metropolitan advertising",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/cityscape-with-glowing-illuminated-billboards-pedestrians_9975-32918.jpg", imageAlt: "Metropolitan advertising"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-heart-shape-painted-city-building_23-2150965373.jpg",
|
||||
imageAlt: "Movement installation",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/3d-heart-shape-painted-city-building_23-2150965373.jpg", imageAlt: "Movement installation"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg",
|
||||
imageAlt: "Marketing campaign strategy",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/it-employees-startup-office-working-computer-desks_482257-125003.jpg", imageAlt: "Marketing campaign strategy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -104,34 +75,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "ooh",
|
||||
label: "OOH",
|
||||
title: "Billboard & Out of Home",
|
||||
items: [
|
||||
"Massive format display",
|
||||
"Strategic site selection",
|
||||
"High-traffic targeting",
|
||||
],
|
||||
id: "ooh", label: "OOH", title: "Billboard & Out of Home", items: [
|
||||
"Massive format display", "Strategic site selection", "High-traffic targeting"],
|
||||
},
|
||||
{
|
||||
id: "events",
|
||||
label: "EVENTS",
|
||||
title: "Experiential & Pop-ups",
|
||||
items: [
|
||||
"Immersive event design",
|
||||
"Brand activation zones",
|
||||
"Audience engagement",
|
||||
],
|
||||
id: "events", label: "EVENTS", title: "Experiential & Pop-ups", items: [
|
||||
"Immersive event design", "Brand activation zones", "Audience engagement"],
|
||||
},
|
||||
{
|
||||
id: "movements",
|
||||
label: "MOVEMENTS",
|
||||
title: "Cultural Movements",
|
||||
items: [
|
||||
"Community-led storytelling",
|
||||
"Trend-setting campaigns",
|
||||
"Viral offline growth",
|
||||
],
|
||||
id: "movements", label: "MOVEMENTS", title: "Cultural Movements", items: [
|
||||
"Community-led storytelling", "Trend-setting campaigns", "Viral offline growth"],
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Marketing Services"
|
||||
@@ -147,20 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "150M+",
|
||||
description: "Impressions delivered",
|
||||
},
|
||||
id: "m1", value: "150M+", description: "Impressions delivered"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "250+",
|
||||
description: "Events coordinated",
|
||||
},
|
||||
id: "m2", value: "250+", description: "Events coordinated"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "45+",
|
||||
description: "Global brands",
|
||||
},
|
||||
id: "m3", value: "45+", description: "Global brands"},
|
||||
]}
|
||||
title="Impact In Numbers"
|
||||
description="We don't just dream, we deliver measurable offline engagement."
|
||||
@@ -175,25 +119,15 @@ export default function LandingPage() {
|
||||
author="Sarah Jenkins, VP Marketing"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-up-puzzled-thinking-crossing-hands-his-chest-standing-brown-background_141793-133897.jpg",
|
||||
alt: "Sarah Jenkins",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-dark-color-shirt-looking-up-puzzled-thinking-crossing-hands-his-chest-standing-brown-background_141793-133897.jpg", alt: "Sarah Jenkins"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg",
|
||||
alt: "Michael Chen",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-office_329181-19343.jpg", alt: "Michael Chen"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-black-man-posing-public-library_74855-1939.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg",
|
||||
alt: "David Kim",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-business-woman-posing_23-2149457762.jpg", alt: "David Kim"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg",
|
||||
alt: "Alex Rivera",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/graphic-designer-making-logo-notebook_23-2149142118.jpg", alt: "Alex Rivera"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -204,58 +138,35 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Ready to make your brand impossible to ignore? Let's discuss your next campaign."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@spreadagency.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@spreadagency.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-abstract-background-with-futuristic-shapes_23-2149142118.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Billboards",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Events",
|
||||
href: "#",
|
||||
},
|
||||
title: "Services", items: [
|
||||
{ label: "Billboards", href: "#" },
|
||||
{ label: "Events", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user