Merge version_3 into main #4
268
src/app/page.tsx
268
src/app/page.tsx
@@ -1,268 +0,0 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Helion Era"
|
||||
navItems={[
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Book Strategy Call", href: "contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Growth Systems That Move Brands Forward"
|
||||
description="Helion Era helps brands grow through premium UI/UX design, website development, social media management, lead generation systems, and digital growth strategy. We craft growth systems that move your business forward."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/gradient-data-logo-template_23-2149211225.jpg", alt: "Digital Growth Agency Trust Badge"
|
||||
}
|
||||
]}
|
||||
avatarText="DIGITAL GROWTH AGENCY"
|
||||
buttons={[
|
||||
{ text: "Book Strategy Call", href: "contact" },
|
||||
{ text: "View Services", href: "services" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardSix
|
||||
title="Our Premium Services"
|
||||
description="Strategic digital solutions designed to accelerate your brand growth and market dominance"
|
||||
tag="SERVICES"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Book Strategy Call", href: "contact" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "UI/UX Design", description: "Stunning interfaces that drive engagement and conversions. Premium design systems that elevate your brand presence and user experience.", imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-booking-app_52683-40856.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Website Development", description: "High-performance websites built for conversions. Custom development that transforms your vision into powerful digital assets.", imageSrc: "http://img.b2bpic.net/free-photo/technician-inspecting-rackmounts-data-center_482257-123455.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Social Media Management", description: "Strategic content and community management that builds loyal audiences. Data-driven campaigns that amplify your brand voice.", imageSrc: "http://img.b2bpic.net/free-photo/successful-connected-business-people_53876-25176.jpg"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Lead Generation Systems", description: "Sophisticated systems that attract and qualify high-value leads. Automated funnels designed to drive consistent business growth.", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-business-user-panel_23-2148359299.jpg"
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: "SEO Strategy", description: "Organic visibility that drives sustainable growth. Technical and content strategies that rank your brand at the top.", imageSrc: "http://img.b2bpic.net/free-photo/digital-laptop-working-global-business-concept_53876-23438.jpg"
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: "Conversion Optimization", description: "Scientific testing and refinement that maximizes ROI. Every element optimized to turn visitors into paying customers.", imageSrc: "http://img.b2bpic.net/free-photo/every-needed-information-is-corkboard_329181-10308.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="CASE STUDY"
|
||||
title="We Help Brands Grow Through Strategic Innovation"
|
||||
description="Helion Era transforms ambitious brands into market leaders. We combine strategic thinking, premium design, and technical excellence to create growth systems that deliver measurable results. Our approach focuses on understanding your unique challenges and building tailored solutions that accelerate your success."
|
||||
metrics={[
|
||||
{ value: "500+", title: "Projects Delivered" },
|
||||
{ value: "98%", title: "Client Satisfaction" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/infographic-with-retro-colors-flat-design_23-2148434870.jpg"
|
||||
imageAlt="Case study results and metrics"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="process" data-section="process">
|
||||
<FeatureCardSix
|
||||
title="Our Process"
|
||||
description="A proven methodology that transforms your growth vision into reality"
|
||||
tag="HOW WE WORK"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Strategy", description: "Deep analysis of your market, audience, and competitive landscape. We develop comprehensive growth strategies tailored to your unique business objectives.", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310878.jpg"
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Build", description: "Technical excellence meets creative vision. Our team develops robust systems and interfaces that bring your strategy to life with precision.", imageSrc: "http://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg"
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Launch", description: "Flawless execution and deployment of your growth systems. We ensure every element is optimized for maximum impact and user engagement.", imageSrc: "http://img.b2bpic.net/free-photo/hands-up-photo-young-team-classical-clothes-celebrating-success-while-holding-drinks-modern-good-lighted-office_146671-13658.jpg"
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Scale", description: "Continuous optimization and expansion of your successful systems. We refine and scale what works to drive exponential growth.", imageSrc: "http://img.b2bpic.net/free-photo/business-success-report-graph-concept_53876-121032.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
title="Our Impact"
|
||||
description="Proven results that speak to our commitment to your success"
|
||||
tag="RESULTS"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "3.2x", title: "Average ROI Increase", items: ["Data-driven strategy optimization", "Continuous A/B testing", "Performance monitoring"]
|
||||
},
|
||||
{
|
||||
id: "2", value: "150%", title: "Average Lead Growth", items: ["Qualified lead pipeline", "Conversion funnel optimization", "Automated nurture systems"]
|
||||
},
|
||||
{
|
||||
id: "3", value: "45%", title: "Average Cost Reduction", items: ["Efficient ad spending", "Automation and scaling", "Process optimization"]
|
||||
},
|
||||
{
|
||||
id: "4", value: "6 months", title: "Average Time to ROI", items: ["Strategic planning phase", "Rapid implementation", "Quick optimization cycle"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="What Our Clients Say"
|
||||
description="Real feedback from brands we've helped scale to new heights"
|
||||
tag="TESTIMONIALS"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechFlow Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-cafe-adult-job_1157-3664.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Founder", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-business-woman-talking-smartphone-outdoors_1262-20534.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", role: "COO", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Jessica Martinez", role: "VP Operations", company: "Digital Ventures", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
|
||||
},
|
||||
{
|
||||
id: "6", name: "James Wilson", role: "Founder", company: "NextGen Agency", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Let's Build Something That Moves Your Brand Forward"
|
||||
description="Book a strategy call directly with Helion Era and discover how we can accelerate your growth. We'll analyze your business and show you exactly how our growth systems can drive results."
|
||||
useInvertedBackground={false}
|
||||
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: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Tell us about your growth goals and challenges...", rows: 4,
|
||||
required: true
|
||||
}}
|
||||
buttonText="Book Your Growth Call"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Helion Era"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Home", href: "#" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Process", href: "#process" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Testimonials", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Sitemap", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Instagram", href: "https://instagram.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user