231 lines
13 KiB
TypeScript
231 lines
13 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="floatingGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Work", id: "#work"},
|
|
{
|
|
name: "Clients", id: "#clients"},
|
|
{
|
|
name: "Team", id: "#team"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
brandName="PagePulse Studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Design That Demands Attention"
|
|
description="PagePulse Studio crafts bold, refined digital experiences for brands that refuse to blend in. Elevate your presence with strategic creativity."
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Work", href: "#work"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/desk-office_23-2148110213.jpg"
|
|
imageAlt="Creative agency workspace with modern design elements"
|
|
showBlur={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2708.jpg", alt: "Satisfied Client Eleanor Vance"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg", alt: "Project Partner Marcus Thorne"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-confident-serious-man-has-dark-beard-mustache-wears-trendy-spectacles-red-shirt-jacket-looks-seriously_273609-8729.jpg", alt: "Brand Ambassador Sophia Lee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-restaurant_8353-7822.jpg", alt: "Strategic Advisor Benjamin Croft"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-related-profession_23-2151419550.jpg", alt: "Collaborator Isabella Garcia"},
|
|
]}
|
|
avatarText="Join over 100+ brands we've helped elevate"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Crafting Digital Legacies"
|
|
description={[
|
|
"At PagePulse Studio, we are more than just designers; we are architects of digital presence. We partner with discerning brands to create bespoke experiences that resonate deeply with their audience.", "Our approach combines strategic insight with unparalleled creative execution, ensuring every pixel and every interaction reflects the premium quality and innovative spirit of your brand. We believe in building digital legacies that stand the test of time and trends."]}
|
|
buttons={[
|
|
{
|
|
text: "Our Philosophy", href: "#"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Our Expertise"
|
|
description="We specialize in a range of premium digital services designed to elevate your brand's presence and impact."
|
|
accordionItems={[
|
|
{
|
|
id: "service-branding", title: "Strategic Branding", content: "Developing comprehensive brand identities that captivate and communicate value effectively, from logo design to complete brand guidelines."},
|
|
{
|
|
id: "service-webdesign", title: "Exquisite Web Design", content: "Creating custom websites and digital platforms that are not only visually stunning but also highly functional, intuitive, and conversion-optimized."},
|
|
{
|
|
id: "service-digitalstrategy", content: "Crafting tailored digital marketing strategies, SEO optimization, and content plans to ensure your brand reaches its full potential and audience.", title: "Digital Strategy & Growth"},
|
|
{
|
|
id: "service-uiux", content: "Designing seamless and engaging user experiences through meticulous research, wireframing, prototyping, and user testing to ensure optimal interaction.", title: "UI/UX Innovation"},
|
|
{
|
|
id: "service-content", content: "Producing high-quality visual and written content, including photography, videography, and copywriting, that aligns with your brand voice and objectives.", title: "Premium Content Creation"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/creative-process-people-light-bulb-graphic-concept_53876-121170.jpg"
|
|
imageAlt="Abstract illustration of creative services and strategy"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="work" data-section="work">
|
|
<ProductCardFour
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
animationType="blur-reveal"
|
|
products={[
|
|
{
|
|
id: "project-astra", name: "Astra Global Rebrand", price: "Upon Request", variant: "Branding & Web", imageSrc: "http://img.b2bpic.net/free-photo/stationery-concept_23-2147800629.jpg", imageAlt: "Modern branding guidelines and website mockup for Astra Global"},
|
|
{
|
|
id: "project-nova", name: "Nova Tech Platform UI", price: "Upon Request", variant: "UI/UX Design", imageSrc: "http://img.b2bpic.net/free-psd/water-charity-landing-page-design-template_23-2149138743.jpg", imageAlt: "Sleek user interface design for Nova Tech platform"},
|
|
{
|
|
id: "project-lux", name: "Lux Hotel Digital Presence", price: "Upon Request", variant: "Digital Strategy", imageSrc: "http://img.b2bpic.net/free-photo/fairskinned-young-female-designer-girl-brunette-uses-graphics-tablet-while-working-remotely-outdoors-lifestyle-concept_197531-32604.jpg", imageAlt: "Elegant website design for a luxury hotel"},
|
|
{
|
|
id: "project-zenith", name: "Zenith Motors Launch", price: "Upon Request", variant: "Integrated Marketing", imageSrc: "http://img.b2bpic.net/free-photo/young-man-holding-paper-sheet-sitting-truck-back_23-2148332934.jpg", imageAlt: "Dynamic advertising campaign visuals for Zenith Motors"},
|
|
{
|
|
id: "project-echo", name: "Echo Apparel E-commerce", price: "Upon Request", variant: "E-commerce Development", imageSrc: "http://img.b2bpic.net/free-photo/50-off-flash-sale_23-2151952984.jpg", imageAlt: "Clean and functional e-commerce website for Echo Apparel"},
|
|
{
|
|
id: "project-solaris", name: "Solaris Energy Corporate Site", price: "Upon Request", variant: "Web Design", imageSrc: "http://img.b2bpic.net/free-photo/autumn-shapes-with-leaves-concept_23-2150039691.jpg", imageAlt: "Professional corporate website for Solaris Energy"},
|
|
]}
|
|
title="Showcasing Our Vision"
|
|
description="A selection of our latest projects that embody strategic creativity and aesthetic excellence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="clients" data-section="clients">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Global Innovate Corp", "Elite Ventures Group", "Pinnacle Brands", "Dynamic Solutions", "Horizon Media", "Strategic Partners Inc.", "Future Forward Labs", "Apex Holdings"]}
|
|
title="Trusted by Industry Leaders"
|
|
description="We've had the privilege of collaborating with forward-thinking brands across various sectors, delivering impactful results and fostering lasting partnerships."
|
|
speed={50}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="PagePulse Studio didn't just meet our expectations; they redefined them. Their strategic insight and artistic execution transformed our brand's digital presence completely. Truly a game-changer!"
|
|
rating={5}
|
|
author="Eleanor Vance, Marketing Director at Elite Ventures Group"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", alt: "Eleanor Vance"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", alt: "Marcus Thorne"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-manager_1098-15671.jpg", alt: "Sophia Lee"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg", alt: "Benjamin Croft"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-senior-woman-professional-blazer-outdoors-laptop_23-2150296623.jpg", alt: "Isabella Garcia"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
team={[
|
|
{
|
|
id: "member-1", name: "Alex Chen", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167445.jpg", imageAlt: "Portrait of Alex Chen, Creative Director"},
|
|
{
|
|
id: "member-2", name: "Sarah Miller", role: "Lead Strategist", imageSrc: "http://img.b2bpic.net/free-photo/smiley-professional-businesswoman-with-glasses-presentation_23-2148824824.jpg", imageAlt: "Portrait of Sarah Miller, Lead Strategist"},
|
|
{
|
|
id: "member-3", name: "David Kim", role: "Senior Designer", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", imageAlt: "Portrait of David Kim, Senior Designer"},
|
|
{
|
|
id: "member-4", name: "Emily White", role: "Digital Marketing Manager", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-with-laptop-smiling-looking-camera_23-2147787656.jpg", imageAlt: "Portrait of Emily White, Digital Marketing Manager"},
|
|
]}
|
|
title="Our Visionaries"
|
|
description="Meet the passionate experts behind PagePulse Studio, dedicated to pushing creative boundaries and delivering exceptional results for your brand."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Connect With Us"
|
|
title="Ready to Transform Your Brand?"
|
|
description="Let's discuss how PagePulse Studio can craft a bespoke digital experience that truly stands out. Reach out today for a confidential consultation."
|
|
imageSrc="http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg"
|
|
imageAlt="Abstract illustration for contact section"
|
|
mediaAnimation="blur-reveal"
|
|
mediaPosition="right"
|
|
tagAnimation="blur-reveal"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Inquiry"
|
|
termsText="By clicking Send Inquiry you're confirming that you agree with our Terms and Conditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="PagePulse Studio"
|
|
leftLink={{
|
|
text: "Privacy Policy", href: "#"}}
|
|
rightLink={{
|
|
text: "Terms of Service", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|