Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
254
src/app/page.tsx
254
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Proof",
|
||||
id: "social-proof",
|
||||
},
|
||||
name: "Proof", id: "social-proof"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apex Digital"
|
||||
/>
|
||||
@@ -60,93 +50,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Scaling Businesses Through Custom Web & Marketing"
|
||||
description="We build high-converting websites and data-driven marketing campaigns that turn visitors into loyal customers. Let us scale your digital presence today."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice M.",
|
||||
handle: "@alice",
|
||||
testimonial: "The best web development team I've ever worked with. Results are immediate.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
|
||||
},
|
||||
name: "Alice M.", handle: "@alice", testimonial: "The best web development team I've ever worked with. Results are immediate.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg"},
|
||||
{
|
||||
name: "Bob D.",
|
||||
handle: "@bob",
|
||||
testimonial: "Marketing strategies that actually yield ROI. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office-graphic-tablet_23-2149119226.jpg",
|
||||
},
|
||||
name: "Bob D.", handle: "@bob", testimonial: "Marketing strategies that actually yield ROI. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-logo-designer-working-her-office-graphic-tablet_23-2149119226.jpg"},
|
||||
{
|
||||
name: "Charlie R.",
|
||||
handle: "@charlie",
|
||||
testimonial: "Modern, sleek design and professional service. A true partner in growth.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199281.jpg",
|
||||
},
|
||||
name: "Charlie R.", handle: "@charlie", testimonial: "Modern, sleek design and professional service. A true partner in growth.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-asian-girl-barista-working-cafe-holding-cup-tea-giving-client-their-order_1258-199281.jpg"},
|
||||
{
|
||||
name: "Diana K.",
|
||||
handle: "@diana",
|
||||
testimonial: "Exceptional development skills and data-driven insight. We saw 2x leads.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-admins-monitoring-artificial-intelligence-llm-visualization_482257-130422.jpg",
|
||||
},
|
||||
name: "Diana K.", handle: "@diana", testimonial: "Exceptional development skills and data-driven insight. We saw 2x leads.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-admins-monitoring-artificial-intelligence-llm-visualization_482257-130422.jpg"},
|
||||
{
|
||||
name: "Ethan L.",
|
||||
handle: "@ethan",
|
||||
testimonial: "They transformed our online store into a growth engine. Fantastic work.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-programmer-indoors_23-2149101154.jpg",
|
||||
},
|
||||
name: "Ethan L.", handle: "@ethan", testimonial: "They transformed our online store into a growth engine. Fantastic work.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-programmer-indoors_23-2149101154.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hands-using-tablet-screen-showing-statistics-business-data_53876-42762.jpg"
|
||||
imageAlt="tech dashboard dark mode"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
alt: "Content Senior Businessman with Arms Crossed",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg", alt: "Content Senior Businessman with Arms Crossed"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg",
|
||||
alt: "Portrait of a smiling blonde businesswoman formal dressed. Isolated on a dark textured background.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg", alt: "Portrait of a smiling blonde businesswoman formal dressed. Isolated on a dark textured background."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
alt: "Successful senior businessman standing at window",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg", alt: "Successful senior businessman standing at window"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
|
||||
alt: "glasses smiling arm horizontal front",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg", alt: "glasses smiling arm horizontal front"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg",
|
||||
alt: "Interior designer working out of the office",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_52683-112924.jpg", alt: "Interior designer working out of the office"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Driven",
|
||||
},
|
||||
type: "text", text: "Performance Driven"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Scalable Solutions",
|
||||
},
|
||||
type: "text", text: "Scalable Solutions"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Data Optimized",
|
||||
},
|
||||
type: "text", text: "Data Optimized"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Web Tech",
|
||||
},
|
||||
type: "text", text: "Modern Web Tech"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Marketing Excellence",
|
||||
},
|
||||
type: "text", text: "Marketing Excellence"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,17 +108,11 @@ export default function LandingPage() {
|
||||
description="We combine rigorous development standards with intuitive marketing strategies to ensure your business doesn't just launch, but succeeds in competitive markets."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Custom Development",
|
||||
description: "High-performance web apps built for scale.",
|
||||
},
|
||||
title: "Custom Development", description: "High-performance web apps built for scale."},
|
||||
{
|
||||
title: "Conversion Marketing",
|
||||
description: "Data-backed campaigns focused on growth.",
|
||||
},
|
||||
title: "Conversion Marketing", description: "Data-backed campaigns focused on growth."},
|
||||
{
|
||||
title: "Strategic SEO",
|
||||
description: "Climb rankings with optimized architecture.",
|
||||
},
|
||||
title: "Strategic SEO", description: "Climb rankings with optimized architecture."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-doing-it-support-job-from-home-walking-around-personal-office-with-laptop_482257-92977.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -184,20 +127,11 @@ export default function LandingPage() {
|
||||
description="From frontend performance to backend scalability, we ensure every interaction works for your goals."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Responsive Design",
|
||||
content: "Mobile-first layouts ensuring a perfect experience on every device.",
|
||||
},
|
||||
id: "1", title: "Responsive Design", content: "Mobile-first layouts ensuring a perfect experience on every device."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Analytics Integration",
|
||||
content: "Full tracking of every user click and conversion point.",
|
||||
},
|
||||
id: "2", title: "Analytics Integration", content: "Full tracking of every user click and conversion point."},
|
||||
{
|
||||
id: "3",
|
||||
title: "SEO Optimized",
|
||||
content: "Building architecture that search engines prioritize and users find easily.",
|
||||
},
|
||||
id: "3", title: "SEO Optimized", content: "Building architecture that search engines prioritize and users find easily."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-modern-web-fiber-cable-background-wavy-style-vector_1017-48463.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -213,25 +147,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "150%",
|
||||
title: "Average Traffic Increase",
|
||||
description: "Year-over-year growth across clients.",
|
||||
icon: TrendingUp,
|
||||
id: "1", value: "150%", title: "Average Traffic Increase", description: "Year-over-year growth across clients.", icon: TrendingUp,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "45%",
|
||||
title: "Conversion Uplift",
|
||||
description: "Improved checkout performance.",
|
||||
icon: MousePointer,
|
||||
id: "2", value: "45%", title: "Conversion Uplift", description: "Improved checkout performance.", icon: MousePointer,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "200+",
|
||||
title: "Projects Delivered",
|
||||
description: "Scaling products globally.",
|
||||
icon: Rocket,
|
||||
id: "3", value: "200+", title: "Projects Delivered", description: "Scaling products globally.", icon: Rocket,
|
||||
},
|
||||
]}
|
||||
title="Data That Drives Growth"
|
||||
@@ -244,14 +166,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Alpha Corp",
|
||||
"Beta Tech",
|
||||
"Gamma Ventures",
|
||||
"Delta Analytics",
|
||||
"Epsilon Systems",
|
||||
"Zeta Growth",
|
||||
"Theta Media",
|
||||
]}
|
||||
"Alpha Corp", "Beta Tech", "Gamma Ventures", "Delta Analytics", "Epsilon Systems", "Zeta Growth", "Theta Media"]}
|
||||
title="Trusted by Leading Brands"
|
||||
description="We are proud partners with industry leaders across tech, finance, and lifestyle sectors."
|
||||
/>
|
||||
@@ -263,45 +178,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Service",
|
||||
quote: "Apex Digital changed how we look at online acquisition.",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Service", quote: "Apex Digital changed how we look at online acquisition.", name: "Sarah Miller", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Data Driven",
|
||||
quote: "The metrics speak for themselves. We are growing fast.",
|
||||
name: "James Chen",
|
||||
role: "CMO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
},
|
||||
id: "2", title: "Data Driven", quote: "The metrics speak for themselves. We are growing fast.", name: "James Chen", role: "CMO", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Creative Team",
|
||||
quote: "Their design process is collaborative and insightful.",
|
||||
name: "Elena Rossi",
|
||||
role: "Product Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg",
|
||||
},
|
||||
id: "3", title: "Creative Team", quote: "Their design process is collaborative and insightful.", name: "Elena Rossi", role: "Product Lead", imageSrc: "http://img.b2bpic.net/free-photo/pensive-tailor-sitting-table-with-hand-chin-sewing-workshop_613910-5306.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Scalable Code",
|
||||
quote: "Reliable and high-quality development every time.",
|
||||
name: "Marcus Thorne",
|
||||
role: "CTO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
},
|
||||
id: "4", title: "Scalable Code", quote: "Reliable and high-quality development every time.", name: "Marcus Thorne", role: "CTO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Best ROI",
|
||||
quote: "Professional marketing strategies that show results.",
|
||||
name: "Jessica Lee",
|
||||
role: "Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-away-with-laptop-table_23-2147859788.jpg",
|
||||
},
|
||||
id: "5", title: "Best ROI", quote: "Professional marketing strategies that show results.", name: "Jessica Lee", role: "Director", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-coffee-cup-looking-away-with-laptop-table_23-2147859788.jpg"},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="Don't just take our word for it. Hear from our partners about the impact we've made."
|
||||
@@ -313,20 +198,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your typical project timeline?",
|
||||
content: "Projects usually range from 4 to 12 weeks depending on complexity.",
|
||||
},
|
||||
id: "q1", title: "What is your typical project timeline?", content: "Projects usually range from 4 to 12 weeks depending on complexity."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer marketing support?",
|
||||
content: "Yes, we provide end-to-end management, SEO, and paid media.",
|
||||
},
|
||||
id: "q2", title: "Do you offer marketing support?", content: "Yes, we provide end-to-end management, SEO, and paid media."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you handle existing projects?",
|
||||
content: "We offer code auditing and optimization services for current sites.",
|
||||
},
|
||||
id: "q3", title: "Can you handle existing projects?", content: "We offer code auditing and optimization services for current sites."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our process, pricing, and project timelines."
|
||||
@@ -338,16 +214,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Scale Your Digital Impact?"
|
||||
description="Let's build something remarkable together. Contact us for a consultation today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -356,42 +229,27 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Development",
|
||||
href: "#",
|
||||
},
|
||||
label: "Development", href: "#"},
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Marketing", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -402,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #000000;
|
||||
--card: #0c0c0c;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #cee7ff;
|
||||
--background: #000814;
|
||||
--card: #00122e;
|
||||
--foreground: #f0f8ff;
|
||||
--primary-cta: #1e40af;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta: #001d4a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #535353;
|
||||
--background-accent: #CEE7FF;
|
||||
--accent: #3b82f6;
|
||||
--background-accent: #1e3a8a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user