Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-03-31 01:01:37 +00:00

View File

@@ -14,277 +14,123 @@ import { Award, TrendingUp, Users } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Services",
id: "#services",
},
{
name: "About",
id: "#about",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Audit",
id: "#audit-form",
},
]}
brandName="CampusPulse"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Services", id: "#features" },
{ name: "About", id: "#about" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
brandName="CampusPulse"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Dominate the Penn State Market with Student-Driven Social Media Strategies."
description="Turn scrolling students into loyal customers. We help local businesses capture the campus crowd with authentic, high-converting social media content."
testimonials={[
{
name: "Sarah",
handle: "Café Owner",
testimonial: "CampusPulse completely transformed our Instagram. We are seeing way more foot traffic.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=1",
imageAlt: "A high-quality, professional photograph of a busy Penn State campus area with students, modern and v",
},
{
name: "Mike",
handle: "Gym Manager",
testimonial: "Affordable, professional, and they actually understand college students.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png?_wi=1",
imageAlt: "A professional photo of a smiling cafe owner in a modern cafe setting.",
},
{
name: "Dave",
handle: "Bar Owner",
testimonial: "Our student specials finally get the attention they deserve.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png?_wi=1",
imageAlt: "A professional portrait of a fitness center manager.",
},
{
name: "Jessica",
handle: "Boutique Owner",
testimonial: "The engagement levels have been unprecedented for our spring sale.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png?_wi=1",
imageAlt: "A professional portrait of a local business owner.",
},
{
name: "Tom",
handle: "Pizza Shop Owner",
testimonial: "Finally, someone who understands how to reach students on TikTok.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png?_wi=1",
imageAlt: "A professional portrait of a retail business manager.",
},
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png",
alt: "Sarah",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png",
alt: "Mike",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png",
alt: "Dave",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png",
alt: "Alex",
},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png",
alt: "Management Team",
},
]}
marqueeItems={[
{
type: "text",
text: "State College",
},
{
type: "text",
text: "Social Growth",
},
{
type: "text",
text: "Student Reach",
},
{
type: "text",
text: "High Conversion",
},
{
type: "text",
text: "Local Authority",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Dominate the Penn State Market with Student-Driven Social Media Strategies."
description="Turn scrolling students into loyal customers. We help local businesses capture the campus crowd with authentic, high-converting social media content."
testimonials={[
{ name: "Sarah", handle: "Café Owner", testimonial: "CampusPulse completely transformed our Instagram. We are seeing way more foot traffic.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png", imageAlt: "A high-quality, professional photograph of a busy Penn State campus area with students, modern and v" },
{ name: "Mike", handle: "Gym Manager", testimonial: "Affordable, professional, and they actually understand college students.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", imageAlt: "A professional photo of a smiling cafe owner in a modern cafe setting." },
{ name: "Dave", handle: "Bar Owner", testimonial: "Our student specials finally get the attention they deserve.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png", imageAlt: "A professional portrait of a fitness center manager." },
{ name: "Jessica", handle: "Boutique Owner", testimonial: "The engagement levels have been unprecedented for our spring sale.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png", imageAlt: "A professional portrait of a local business owner." },
{ name: "Tom", handle: "Pizza Shop Owner", testimonial: "Finally, someone who understands how to reach students on TikTok.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png", imageAlt: "A professional portrait of a retail business manager." }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png"
mediaAnimation="slide-up"
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", alt: "Sarah" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png", alt: "Mike" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png", alt: "Dave" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png", alt: "Alex" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", alt: "Management Team" }
]}
marqueeItems={[
{ type: "text", text: "State College" },
{ type: "text", text: "Social Growth" },
{ type: "text", text: "Student Reach" },
{ type: "text", text: "High Conversion" },
{ type: "text", text: "Local Authority" }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "audit",
title: "Social Media Audit",
tags: [
"$300",
"Strategy",
"Analysis",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=3",
},
{
id: "management",
title: "Monthly Management",
tags: [
"$500/mo",
"Engagement",
"ROI",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=4",
},
]}
title="Our Services"
description="Localized, student-centric social media strategies designed to grow your business."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "audit", title: "Social Media Audit", tags: ["$300", "Strategy", "Analysis"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png" },
{ id: "management", title: "Monthly Management", tags: ["$500/mo", "Engagement", "ROI"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png" }
]}
title="Our Services"
description="Localized, student-centric social media strategies designed to grow your business."
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="About CampusPulse"
metrics={[
{
label: "Student Reach",
value: "100%",
icon: Users,
},
{
label: "Conversion Growth",
value: "2x",
icon: TrendingUp,
},
{
label: "Local Expertise",
value: "100%",
icon: Award,
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
useInvertedBackground={true}
title="About CampusPulse"
metrics={[
{ label: "Student Reach", value: "100%", icon: Users },
{ label: "Conversion Growth", value: "2x", icon: TrendingUp },
{ label: "Local Expertise", value: "100%", icon: Award }
]}
metricsAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah",
date: "Jan 2025",
title: "Café Owner",
quote: "CampusPulse completely transformed our Instagram. We are seeing way more foot traffic coming straight from the dorms!",
tag: "Transformation",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=5",
imageAlt: "A high-quality, professional photograph of a busy Penn State campus area with students, modern and v",
},
{
id: "2",
name: "Mike",
date: "Dec 2024",
title: "Gym Manager",
quote: "Affordable, professional, and they actually understand what college students care about. Highly recommend.",
tag: "Professional",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png?_wi=2",
imageAlt: "A professional photo of a smiling cafe owner in a modern cafe setting.",
},
{
id: "3",
name: "Dave",
date: "Nov 2024",
title: "Bar Owner",
quote: "Our student specials finally get the attention they deserve. Best investment we made this semester.",
tag: "ROI",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png?_wi=2",
imageAlt: "A professional portrait of a fitness center manager.",
},
{
id: "4",
name: "Alex",
date: "Oct 2024",
title: "Retail Manager",
quote: "The strategy worked perfectly for our launch week.",
tag: "Expertise",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png?_wi=2",
imageAlt: "A professional portrait of a local business owner.",
},
{
id: "5",
name: "Maria",
date: "Sept 2024",
title: "Bookstore Owner",
quote: "Incredible communication and genuine care for the local economy.",
tag: "Impact",
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png?_wi=2",
imageAlt: "A professional portrait of a retail business manager.",
},
]}
title="What Local Businesses Say"
description="Real results from local business owners who trust us with their social media."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFive
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah", date: "Jan 2025", title: "Café Owner", quote: "CampusPulse completely transformed our Instagram. We are seeing way more foot traffic coming straight from the dorms!", tag: "Transformation", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png", imageAlt: "A high-quality, professional photograph of a busy Penn State campus area with students, modern and v" },
{ id: "2", name: "Mike", date: "Dec 2024", title: "Gym Manager", quote: "Affordable, professional, and they actually understand what college students care about. Highly recommend.", tag: "Professional", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", imageAlt: "A professional photo of a smiling cafe owner in a modern cafe setting." },
{ id: "3", name: "Dave", date: "Nov 2024", title: "Bar Owner", quote: "Our student specials finally get the attention they deserve. Best investment we made this semester.", tag: "ROI", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-fitness-cen-1774918848779-d7bf962d.png", imageAlt: "A professional portrait of a fitness center manager." },
{ id: "4", name: "Alex", date: "Oct 2024", title: "Retail Manager", quote: "The strategy worked perfectly for our launch week.", tag: "Expertise", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-local-busin-1774918848577-7cd6322d.png", imageAlt: "A professional portrait of a local business owner." },
{ id: "5", name: "Maria", date: "Sept 2024", title: "Bookstore Owner", quote: "Incredible communication and genuine care for the local economy.", tag: "Impact", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-photo-of-a-smiling-cafe-o-1774918851057-9a0ed0ff.png", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-professional-portrait-of-a-retail-busi-1774918848901-6dbd110e.png", imageAlt: "A professional portrait of a retail business manager." }
]}
title="What Local Businesses Say"
description="Real results from local business owners who trust us with their social media."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
tag="Limited Spots"
title="Ready to become a campus favorite?"
description="Book your free social media audit today and discover how easy it is to reach your local audience."
mediaAnimation="slide-up"
buttonText="Get My Free Audit"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png?_wi=6"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
tag="Limited Spots"
title="Ready to become a campus favorite?"
description="Book your free social media audit today and discover how easy it is to reach your local audience."
mediaAnimation="slide-up"
buttonText="Get My Free Audit"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Bglt08FnJEU8EJ0YE7UJGbjnqr/a-high-quality-professional-photograph-o-1774918849310-66b7b909.png"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="CampusPulse"
copyrightText="© 2025 CampusPulse Social. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="CampusPulse"
copyrightText="© 2025 CampusPulse Social. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);