bender/0ccd9f6f-9673-46d2-aab8-b7c7e3c23c1d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #3

Merged
bender merged 2 commits from version_1 into main 2026-03-25 07:29:50 +00:00
Conversation 0 Commits 2 Files Changed 2 +161 -397
2 changed files with 161 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

328
src/app/about/page.tsx
View File

@@ -2,13 +2,14 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardFour from '@/components/sections/feature/FeatureCardFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroFull from '@/components/sections/hero/HeroFull';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Briefcase, Building, Diamond, Eye, Heart, Instagram, Lightbulb, LineChart, Linkedin, Mail, Shield, Star, Twitter, Users } from "lucide-react";
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardFour from '@/components/sections/testimonial/TestimonialCardFour';
import { ArrowRight, Book, Globe, Lightbulb, Mail, MessageCircle, Quote, Sparkles, Star, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -29,40 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "services",
href: "#services",
},
name: "Services", id: "/services"},
{
name: "About",
id: "about",
href: "#about",
},
name: "About", id: "/about"},
{
name: "Impact",
id: "impact",
href: "#impact",
},
{
name: "Clients",
id: "clients",
href: "#clients",
},
{
name: "Testimonials",
id: "testimonials",
href: "#testimonials",
},
{
name: "Contact",
id: "contact",
href: "#contact",
},
name: "Contact", id: "/contact"}
]}
brandName="Apex Social"
bottomLeftText="Elevating Digital Presence"
@@ -70,214 +44,105 @@ export default function LandingPage() {
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="default"
useInvertedBackground={false}
title="Empowering Premium Brands in the Digital Sphere"
description="Apex Social was founded on the belief that exceptional brands deserve an equally exceptional social media presence. We specialize in crafting bespoke strategies that go beyond likes and shares, focusing on meaningful engagement, measurable growth, and a profound connection with your audience."
tag="About Us"
tagIcon={Building}
bulletPoints={[
<div id="hero" data-section="hero">
<HeroFull
title="About Apex Social: Crafting Your Digital Legacy"
description="We are a team of passionate social media strategists, content creators, and analytics experts dedicated to elevating premium brands. Discover our journey, values, and what makes us your ideal partner in the digital realm."
tag="Our Story"
tagIcon={Book}
tagAnimation="slide-up"
buttons={[
{
title: "Vision-Driven",
description: "To be the leading social media agency for luxury and premium brands worldwide.",
icon: Eye,
},
{
title: "Client-Centric",
description: "Dedicated to understanding and exceeding our clients' unique business objectives.",
icon: Users,
},
{
title: "Innovation at Core",
description: "Constantly evolving our strategies with the latest trends and technologies.",
icon: Lightbulb,
},
text: "Get in Touch", href: "/contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16036.jpg?_wi=11"
imageAlt="Team collaborating on social media strategy"
buttonAnimation="slide-up"
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
mediaAnimation="slide-up"
/>
</div>
<div id="team" data-section="team">
<TeamCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
<div id="about" data-section="about">
<TextSplitAbout
title="Our Mission: Elevating Brands, Forging Connections"
description={[
"At Apex Social, our mission is to empower premium brands to achieve unparalleled digital presence and foster meaningful connections with their audience. We believe in the power of authentic storytelling, data-driven strategies, and continuous innovation to create impact that lasts.", "We are committed to transparency, excellence, and delivering measurable results. Our collaborative approach ensures that every strategy is meticulously crafted to align with your unique vision and business objectives, transforming your social media into a powerful growth engine."]}
buttons={[
{
id: "1",
name: "Sarah Chen",
role: "CEO & Head Strategist",
description: "With over 15 years in digital marketing, Sarah leads our strategic direction.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-together_23-2149145127.jpg?_wi=1",
socialLinks: [
{
icon: Linkedin,
url: "#",
},
{
icon: Twitter,
url: "#",
},
],
},
{
id: "2",
name: "Michael Lee",
role: "Creative Director",
description: "Michael crafts visually stunning and engaging content that captures attention.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=1",
socialLinks: [
{
icon: Linkedin,
url: "#",
},
{
icon: Instagram,
url: "#",
},
],
},
{
id: "3",
name: "Emily Rodriguez",
role: "Head of Client Relations",
description: "Emily ensures seamless communication and exceptional client experience.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-smiling-woman-posing-white-background_231208-1813.jpg",
socialLinks: [
{
icon: Linkedin,
url: "#",
},
{
icon: Mail,
url: "#",
},
],
},
{
id: "4",
name: "David Kim",
role: "Analytics Lead",
description: "David transforms data into actionable insights for continuous campaign optimization.",
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
socialLinks: [
{
icon: Linkedin,
url: "#",
},
{
icon: LineChart,
url: "#",
},
],
},
text: "Meet the Team", href: "#"},
]}
title="Meet the Visionaries Behind Your Success"
description="Our team comprises seasoned social media strategists, content creators, and marketing specialists, all passionate about driving your brand forward."
tag="Our Team"
tagIcon={Briefcase}
buttonAnimation="opacity"
showBorder={true}
useInvertedBackground={false}
/>
</div>
<div id="feature" data-section="feature">
<FeatureBorderGlow
<div id="features" data-section="features">
<FeatureCardFour
title="The Apex Advantage: What Sets Us Apart"
description="Our commitment to excellence and a deep understanding of the digital landscape allow us to deliver superior results."
tag="Why Choose Us"
tagIcon={Lightbulb}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
useInvertedBackground={true}
features={[
{
icon: Diamond,
title: "Excellence",
description: "Delivering top-tier strategies and flawless execution in every project.",
id: "1", title: "Bespoke Strategies", description: "Custom-tailored plans designed specifically for your brand's unique identity and goals.", icon: Sparkles,
},
{
icon: Lightbulb,
title: "Innovation",
description: "Continuously exploring new platforms and creative approaches for impact.",
id: "2", title: "Data-Driven Insights", description: "Leveraging advanced analytics to refine strategies and maximize your ROI.", icon: Globe,
},
{
icon: Users,
title: "Partnership",
description: "Building strong, collaborative relationships with our clients for shared success.",
id: "3", title: "Premium Content", description: "High-quality visuals and compelling narratives that resonate with your target audience.", icon: Star,
},
{
icon: Heart,
title: "Passion",
description: "A genuine love for social media and helping brands thrive.",
id: "4", title: "Dedicated Partnership", description: "A collaborative approach, working hand-in-hand to achieve your digital aspirations.", icon: Users,
},
]}
title="Values That Define Our Partnership"
description="We operate with integrity, transparency, and a relentless pursuit of innovation to deliver unparalleled results for our esteemed clients."
tag="Our Values"
tagIcon={Shield}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardThirteen
<div id="testimonials" data-section="testimonials">
<TestimonialCardFour
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
gridVariant="five-items-split-left"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Eleanor Vance",
handle: "@VanceLuxury",
testimonial: "Apex Social completely transformed our online presence. Their strategic insights are unmatched!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20364.jpg?_wi=4",
},
id: "1", name: "Emily R.", role: "CMO, Luxe Brands", company: "Luxury Lifestyle Co.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20364.jpg", quote: "Apex Social's strategic brilliance completely redefined our social presence. Exceptional results!"},
{
id: "2",
name: "Marcus Thorne",
handle: "@ThorneDigital",
testimonial: "Exceptional service and outstanding results. Our engagement metrics have skyrocketed.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg?_wi=3",
},
id: "2", name: "James L.", role: "CEO, Innovate Tech", company: "Tech Solutions Inc.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", quote: "Their deep understanding of our brand voice translated into engagement rates we hadn't seen before."},
{
id: "3",
name: "Chloe Dubois",
handle: "@ChloeStyles",
testimonial: "Professional, creative, and highly effective. Apex Social is an invaluable partner.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg?_wi=3",
},
id: "3", name: "Sophia K.", role: "Founder, Artisanal Goods", company: "Crafted Creations", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg", quote: "The content quality is simply unmatched. Apex Social truly captures the essence of luxury."},
{
id: "4",
name: "Daniel Wright",
handle: "@WrightGroup",
testimonial: "They truly understand the luxury market. Our brand visibility has never been better.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/getting-ready-hard-day_1098-91.jpg?_wi=3",
},
id: "4", name: "David C.", role: "Brand Director, Global Holdings", company: "Global Ventures Group", imageSrc: "http://img.b2bpic.net/free-photo/getting-ready-hard-day_1098-91.jpg", quote: "From strategy to execution, Apex Social is a partner you can trust for significant growth."},
{
id: "5",
name: "Sophia Patel",
handle: "@SophiaInnovates",
testimonial: "From strategy to execution, Apex Social delivers excellence. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-posing-together_23-2149145127.jpg?_wi=2",
},
{
id: "6",
name: "Liam Carter",
handle: "@CarterHoldings",
testimonial: "A game-changer for our social media. Professional, responsive, and brilliant.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg?_wi=2",
},
id: "5", name: "Olivia M.", role: "Marketing Head, E-commerce Retail", company: "Digital Emporium", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20364.jpg", quote: "Their data-driven approach is a game-changer. We're seeing tangible ROI and unprecedented reach."},
]}
title="Voices of Our Valued Partners"
description="Hear directly from the industry leaders who have experienced the Apex Social difference."
tag="Client Success"
tagIcon={Quote}
tagAnimation="opacity"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient"}}
tag="Connect with Us"
tagIcon={Mail}
title="Ready to Elevate Your Brand's Social Presence?"
description="Reach out to Apex Social today for a personalized consultation and discover how our expertise can drive your brand's digital success."
buttons={[
{
text: "Schedule a Consultation", href: "/contact"},
]}
showRating={true}
title="Trusted by Industry Leaders"
description="Hear directly from the premium brands who have experienced significant growth and engagement with Apex Social."
tag="Testimonials"
tagIcon={Star}
/>
</div>
@@ -285,54 +150,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Strategy",
href: "/services",
},
label: "Strategy", href: "/services"},
{
label: "Content Creation",
href: "/services",
},
label: "Content Creation", href: "/services"},
{
label: "Ad Management",
href: "/services",
},
label: "Ad Management", href: "/services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Case Studies",
href: "#",
},
label: "Case Studies", href: "#"},
{
label: "FAQs",
href: "/contact#faqs",
},
label: "FAQs", href: "/contact#faqs"},
],
},
]}

230
src/app/contact/page.tsx
View File

@@ -2,12 +2,12 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactForm from '@/components/sections/contact/ContactForm';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroContact from '@/components/sections/hero/HeroContact';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { ArrowRight, HelpCircle } from "lucide-react";
import { ArrowRight, Mail, Phone, Pin, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -28,40 +28,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Services",
id: "services",
href: "#services",
},
name: "Services", id: "/services"},
{
name: "About",
id: "about",
href: "#about",
},
name: "About", id: "/about"},
{
name: "Impact",
id: "impact",
href: "#impact",
},
{
name: "Clients",
id: "clients",
href: "#clients",
},
{
name: "Testimonials",
id: "testimonials",
href: "#testimonials",
},
{
name: "Contact",
id: "contact",
href: "#contact",
},
name: "Contact", id: "/contact"}
]}
brandName="Apex Social"
bottomLeftText="Elevating Digital Presence"
@@ -69,97 +42,65 @@ export default function LandingPage() {
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Let's Build Your Social Success Story"
description="Ready to elevate your brand's digital presence? Fill out the form below and a member of our expert team will be in touch shortly to discuss your unique needs."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
},
{
name: "company",
type: "text",
placeholder: "Company Name",
required: false,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your project",
rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16036.jpg?_wi=12"
imageAlt="Contact us image showing a team discussing strategy"
mediaAnimation="slide-up"
mediaPosition="right"
buttonText="Send Message"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{
id: "1",
title: "What kind of brands do you work with?",
content: "Apex Social specializes in partnering with premium, luxury, and high-growth brands seeking to establish a distinguished and impactful social media presence. We tailor our strategies to meet the unique demands and aspirations of exclusive markets.",
},
{
id: "2",
title: "How do you measure success?",
content: "We believe in data-driven results. Success is measured through comprehensive analytics on engagement rates, audience growth, conversion tracking, brand sentiment analysis, and ultimately, your return on investment, all aligned with your specific business objectives.",
},
{
id: "3",
title: "What makes Apex Social different?",
content: "Our difference lies in our bespoke approach, combining cutting-edge strategy with creative excellence and a deep understanding of the premium brand landscape. We offer a truly partnership-driven model, ensuring transparent communication and measurable outcomes that elevate your brand.",
},
{
id: "4",
title: "What is your typical onboarding process?",
content: "Our onboarding begins with an in-depth discovery session to understand your brand, goals, and current digital footprint. This is followed by a tailored strategy presentation, team introductions, and a seamless transition into content creation and campaign execution.",
},
]}
title="Got Questions? We Have Answers."
description="Find quick answers to the most common questions about our services, process, and partnership."
tag="FAQs"
tagIcon={HelpCircle}
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
tag="Next Steps"
tagIcon={ArrowRight}
title="Ready to Amplify Your Digital Voice?"
description="Don't let your brand's potential remain untapped. Connect with Apex Social to schedule a personalized strategy session."
<div id="hero" data-section="hero">
<HeroContact
title="Get in Touch: Let's Build Your Digital Future"
description="Have questions or ready to start a project? Reach out to Apex Social today. Our team is eager to discuss your brand's unique social media needs."
tag="Contact Us"
tagIcon={Mail}
tagAnimation="slide-up"
buttons={[
{
text: "Book a Strategy Call",
href: "/contact",
text: "Schedule a Call", href: "#form"},
]}
buttonAnimation="slide-up"
useInvertedBackground={false}
background={{
variant: "radial-gradient"}}
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactForm
title="Send Us a Message"
description="Fill out the form below, and we'll get back to you within 24 hours to discuss how Apex Social can elevate your brand."
formFields={[
{
id: "name", label: "Name", type: "text", placeholder: "Your Full Name"},
{
id: "email", label: "Email", type: "email", placeholder: "Your Email Address"},
{
id: "company", label: "Company", type: "text", placeholder: "Your Company Name"},
{
id: "message", label: "Message", type: "textarea", placeholder: "Tell us about your project"},
]}
submitButtonText="Send Message"
submitButtonIcon={ArrowRight}
submitButtonAnimation="opacity"
useInvertedBackground={false}
animationType="slide-up"
/>
</div>
<div id="info" data-section="info">
<FeatureCardEight
title="Connect with Us"
description="Our dedicated team is ready to assist you. Find our contact details and office location below."
tag="Our Info"
tagIcon={Sparkles}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "email", title: "Email Us", description: "hello@apexsocial.com", icon: Mail,
},
{
text: "Learn More About Us",
href: "/about",
id: "phone", title: "Call Us", description: "+1 (555) 123-4567", icon: Phone,
},
{
id: "address", title: "Our Office", description: "123 Digital Blvd, Suite 400, Innovate City, CA 90210", icon: Pin,
},
]}
/>
@@ -169,54 +110,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Strategy",
href: "/services",
},
label: "Strategy", href: "/services"},
{
label: "Content Creation",
href: "/services",
},
label: "Content Creation", href: "/services"},
{
label: "Ad Management",
href: "/services",
},
label: "Ad Management", href: "/services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "/about",
},
label: "About Us", href: "/about"},
{
label: "Contact",
href: "/contact",
},
label: "Contact", href: "/contact"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
{
label: "Case Studies",
href: "#",
},
label: "Case Studies", href: "#"},
{
label: "FAQs",
href: "/contact#faqs",
},
label: "FAQs", href: "/contact#faqs"},
],
},
]}