Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 435bf87f80 | |||
| 8b03a45724 |
116
src/app/page.tsx
116
src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Award, Globe, Heart, Lightbulb, MessageCircle, Star, Trophy, Users, Zap } from 'lucide-react';
|
||||
import { Award, Globe, Heart, Lightbulb, MessageCircle, Star, Trophy, Users, Zap, TrendingUp, DollarSign, Rocket } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,14 +28,14 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Apple"
|
||||
brandName="Earn"
|
||||
navItems={[
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "How It Works", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "contact" }}
|
||||
button={{ text: "Start Earning", href: "contact" }}
|
||||
animateOnLoad={true}
|
||||
className="backdrop-blur-md bg-background/80"
|
||||
/>
|
||||
@@ -43,14 +43,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Apple"
|
||||
description="Experience innovation redefined. Premium technology designed for the way you live."
|
||||
logoText="Earn Now"
|
||||
description="Turn your time into money. Join thousands earning passive income through our innovative platform. Simple, fast, and completely secure."
|
||||
buttons={[
|
||||
{ text: "Explore Products", href: "products" },
|
||||
{ text: "Start Earning Today", href: "contact" },
|
||||
{ text: "Learn More", href: "features" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-wireless-earphones-with-case-displayed-round-podium-with-soft-shadows_23-2150808016.jpg"
|
||||
imageAlt="Premium product showcase"
|
||||
imageAlt="Premium earning opportunity showcase"
|
||||
showDimOverlay={true}
|
||||
buttonAnimation="slide-up"
|
||||
className="min-h-screen"
|
||||
@@ -59,26 +59,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
title="Innovation That Matters"
|
||||
description="Our commitment to excellence drives every detail. From cutting-edge technology to intuitive design, we create products that seamlessly integrate into your life."
|
||||
tag="Why Choose Us"
|
||||
title="Multiple Ways to Earn"
|
||||
description="Our platform offers flexible earning opportunities designed to fit your lifestyle. From passive income to active work, we've got options for everyone."
|
||||
tag="Earning Methods"
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1", title: "Precision Engineering", content: "Every component is meticulously crafted with attention to detail. We combine advanced manufacturing techniques with premium materials to create products that last."
|
||||
id: "1", title: "Passive Income Stream", content: "Earn money while you sleep. Our automated system generates consistent passive income based on your initial investment. Watch your earnings grow without daily effort."
|
||||
},
|
||||
{
|
||||
id: "2", title: "Intelligent Design", content: "Our design philosophy prioritizes simplicity and elegance. We believe technology should be intuitive, beautiful, and disappear into the background of your daily life."
|
||||
id: "2", title: "Active Task Completion", content: "Complete tasks and get paid instantly. Whether it's content creation, data analysis, or consulting, we match you with opportunities that align with your skills and schedule."
|
||||
},
|
||||
{
|
||||
id: "3", title: "Ecosystem Integration", content: "Our products work seamlessly together, creating a unified experience. Once you enter our ecosystem, everything just works—effortlessly and beautifully."
|
||||
id: "3", title: "Referral Rewards Program", content: "Share and earn commissions. Invite friends and colleagues to join our platform and earn generous referral bonuses. The more you refer, the more you earn."
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-researcher-works-notebook-improve-efficiency_482257-120638.jpg"
|
||||
imageAlt="Feature showcase"
|
||||
imageAlt="Earning opportunities showcase"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
buttons={[{ text: "Discover More", href: "#" }]}
|
||||
buttons={[{ text: "Explore Methods", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,38 +86,38 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Apple", name: "Pro Display", price: "$1,299.00", rating: 5,
|
||||
reviewCount: "2.8k", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-looking-business-calendar-tablet-suitcase-with-electronic-devices-nearby_1098-20120.jpg", imageAlt: "Pro Display"
|
||||
id: "1", brand: "Earn", name: "Starter Package", price: "$99.00", rating: 5,
|
||||
reviewCount: "2.8k", imageSrc: "http://img.b2bpic.net/free-photo/hands-man-looking-business-calendar-tablet-suitcase-with-electronic-devices-nearby_1098-20120.jpg", imageAlt: "Starter Package"
|
||||
},
|
||||
{
|
||||
id: "2", brand: "Apple", name: "Studio Device", price: "$899.00", rating: 5,
|
||||
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-dslr-camera-phone_53876-71248.jpg", imageAlt: "Studio Device"
|
||||
id: "2", brand: "Earn", name: "Professional Plan", price: "$299.00", rating: 5,
|
||||
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-dslr-camera-phone_53876-71248.jpg", imageAlt: "Professional Plan"
|
||||
},
|
||||
{
|
||||
id: "3", brand: "Apple", name: "Innovation Hub", price: "$1,599.00", rating: 5,
|
||||
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg", imageAlt: "Innovation Hub"
|
||||
id: "3", brand: "Earn", name: "Premium Pro", price: "$599.00", rating: 5,
|
||||
reviewCount: "1.9k", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-mix-glass-with-abstract-neo-futuristic-set_23-2150938369.jpg", imageAlt: "Premium Pro"
|
||||
}
|
||||
]}
|
||||
title="Our Premium Collection"
|
||||
description="Explore our curated selection of innovative products designed for modern living."
|
||||
tag="Featured Products"
|
||||
title="Earning Plans for Every Goal"
|
||||
description="Choose the plan that matches your earning ambitions. Upgrade anytime to unlock more earning opportunities."
|
||||
tag="Pricing Plans"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[{ text: "View All Products", href: "#" }]}
|
||||
buttons={[{ text: "View All Plans", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
tag="Our Story"
|
||||
title="Designed by engineers. Built for everyone."
|
||||
description="Apple Team"
|
||||
subdescription="Founded on principles of innovation and excellence"
|
||||
icon={Lightbulb}
|
||||
tag="How It Works"
|
||||
title="Simple Steps to Start Earning"
|
||||
description="Our proven system has helped thousands"
|
||||
subdescription="Sign up, complete your profile, and start earning within minutes"
|
||||
icon={Rocket}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149337237.jpg"
|
||||
imageAlt="Innovation workspace"
|
||||
imageAlt="Earning workspace"
|
||||
mediaAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -127,25 +127,25 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwo
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Anderson", role: "Product Designer", testimonial: "The attention to detail is extraordinary. Every interaction feels thoughtfully designed. It's the gold standard of product excellence.", icon: Star,
|
||||
id: "1", name: "Sarah Anderson", role: "Full-Time Earner", testimonial: "I made $5,000 in my first month. This platform is legitimate and pays on time. Best decision I made for my financial future.", icon: DollarSign,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg", imageAlt: "Sarah Anderson"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Tech Entrepreneur", testimonial: "Seamless integration across all devices. Once you experience this ecosystem, nothing else compares. Pure innovation.", icon: Heart,
|
||||
id: "2", name: "Michael Chen", role: "Part-Time Professional", testimonial: "Perfect side income source. I earn $2,000 monthly with just a few hours per week. Flexible and rewarding.", icon: TrendingUp,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pensive-businessman_1098-701.jpg", imageAlt: "Michael Chen"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Creative Director", testimonial: "The design is minimal yet powerful. It enhances my workflow without getting in the way. Truly transformative.", icon: Zap,
|
||||
id: "3", name: "Emily Rodriguez", role: "Student Entrepreneur", testimonial: "As a student, this helped me pay for college while studying. Passive income is real and it works!", icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-career-education-people-concept-portrait-smart-attractive-woman-sitting-floor-lean-wall-as-relaxing-have-break-after-courses-holding-mobile-phone-smiling-happy_197531-22171.jpg", imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Kim", role: "Software Engineer", testimonial: "Precision engineering meets elegant design. Every detail matters. This is how premium products should be built.", icon: Trophy,
|
||||
id: "4", name: "David Kim", role: "Entrepreneur", testimonial: "The best earning opportunity I've found online. Transparent, reliable, and incredibly profitable. Highly recommended!", icon: Trophy,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1524.jpg", imageAlt: "David Kim"
|
||||
}
|
||||
]}
|
||||
title="Loved by Users Worldwide"
|
||||
description="See what our customers have to say about their experience."
|
||||
tag="Customer Reviews"
|
||||
title="Success Stories from Our Community"
|
||||
description="See how people are earning real money with our platform."
|
||||
tag="Real Results"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
@@ -156,21 +156,21 @@ export default function LandingPage() {
|
||||
<MetricCardOne
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15", title: "million", description: "Users worldwide", icon: Users
|
||||
id: "1", value: "50K+", title: "Active Earners", description: "Growing community worldwide", icon: Users
|
||||
},
|
||||
{
|
||||
id: "2", value: "98", title: "percent", description: "Customer satisfaction", icon: Heart
|
||||
id: "2", value: "$10M+", title: "Paid Out", description: "To our members this year", icon: DollarSign
|
||||
},
|
||||
{
|
||||
id: "3", value: "50", title: "countries", description: "Global presence", icon: Globe
|
||||
id: "3", value: "180+", title: "Countries", description: "Earning opportunities available", icon: Globe
|
||||
},
|
||||
{
|
||||
id: "4", value: "25", title: "awards", description: "Industry recognition", icon: Award
|
||||
id: "4", value: "98%", title: "Satisfaction", description: "Member approval rating", icon: Award
|
||||
}
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Key achievements that define our commitment to excellence."
|
||||
tag="By The Numbers"
|
||||
title="By The Numbers"
|
||||
description="Our impact in the earning economy."
|
||||
tag="Our Growth"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -180,22 +180,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactFaq
|
||||
ctaTitle="Get in Touch"
|
||||
ctaDescription="Have questions? Our team is here to help you discover the perfect solution."
|
||||
ctaButton={{ text: "Schedule a Demo", href: "#" }}
|
||||
ctaTitle="Ready to Start Earning?"
|
||||
ctaDescription="Join thousands of successful earners. Get started in minutes and see your first earnings today."
|
||||
ctaButton={{ text: "Begin Your Journey", href: "#" }}
|
||||
ctaIcon={MessageCircle}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What makes our products different?", content: "Our products combine cutting-edge technology with intuitive design. We focus on creating seamless experiences that integrate naturally into your life, backed by world-class engineering and premium materials."
|
||||
id: "1", title: "How much can I really earn?", content: "Earnings vary based on your effort, skills, and the plan you choose. Many members earn $1,000-$5,000+ monthly. Your earnings depend on how actively you participate and which opportunities you take."
|
||||
},
|
||||
{
|
||||
id: "2", title: "How does the ecosystem work?", content: "Our ecosystem is designed to work together effortlessly. All our devices communicate intelligently, sharing data seamlessly and creating a unified experience. Once you enter the ecosystem, everything just works."
|
||||
id: "2", title: "Is this really legitimate?", content: "Yes, we're a registered company with transparent payment practices. We've paid over $10M to our members and maintain a 98% satisfaction rating. All earnings are tracked in real-time through your dashboard."
|
||||
},
|
||||
{
|
||||
id: "3", title: "What's your warranty and support policy?", content: "We stand behind our products with comprehensive warranties and dedicated support. Our team is available to assist you, ensuring you get the most out of your investment."
|
||||
id: "3", title: "When do I get paid?", content: "Payments are processed weekly directly to your bank account, PayPal, or crypto wallet. There are no hidden fees or delays. You'll see earnings in your account within 24-48 hours of completion."
|
||||
},
|
||||
{
|
||||
id: "4", title: "Can I customize my order?", content: "Absolutely. We offer extensive customization options to match your preferences. From finishes to configurations, your product should be uniquely yours."
|
||||
id: "4", title: "Do I need experience?", content: "No experience needed! We have opportunities for all skill levels. Whether you're a beginner or expert, there are tasks and earning methods suited to you. Our platform matches you with appropriate opportunities."
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -207,12 +207,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Apple"
|
||||
logoText="Earn"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "Products", href: "products" },
|
||||
{ label: "Features", href: "features" },
|
||||
{ label: "How to Earn", href: "features" },
|
||||
{ label: "Pricing Plans", href: "products" },
|
||||
{ label: "Support", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -220,7 +220,7 @@ export default function LandingPage() {
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
{ label: "Newsroom", href: "#" }
|
||||
{ label: "Blog", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -5,11 +5,8 @@ interface SvgTextLogoProps {
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: number | string;
|
||||
letterSpacing?: number;
|
||||
fill?: string;
|
||||
strokeWidth?: number;
|
||||
stroke?: string;
|
||||
textAnchor?: 'start' | 'middle' | 'end';
|
||||
dominantBaseline?: 'auto' | 'middle' | 'hanging';
|
||||
}
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
@@ -17,31 +14,31 @@ const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
className = '',
|
||||
fontSize = 48,
|
||||
fontWeight = 700,
|
||||
letterSpacing = 0,
|
||||
fill = 'currentColor',
|
||||
strokeWidth = 0,
|
||||
stroke = 'none',
|
||||
textAnchor = 'middle',
|
||||
dominantBaseline = 'middle',
|
||||
}) => {
|
||||
const charWidth = fontSize * 0.5;
|
||||
const width = text.length * charWidth + 20;
|
||||
const height = fontSize + 20;
|
||||
|
||||
return (
|
||||
<svg
|
||||
viewBox="0 0 800 200"
|
||||
width={width}
|
||||
height={height}
|
||||
viewBox={`0 0 ${width} ${height}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
preserveAspectRatio="xMidYMid meet"
|
||||
role="img"
|
||||
aria-label={text}
|
||||
>
|
||||
<text
|
||||
x="50%"
|
||||
y="50%"
|
||||
x="10"
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
letterSpacing={letterSpacing}
|
||||
fill={fill}
|
||||
strokeWidth={strokeWidth}
|
||||
stroke={stroke}
|
||||
textAnchor={textAnchor}
|
||||
dominantBaseline={dominantBaseline}
|
||||
fontFamily="inherit"
|
||||
letterSpacing="-0.02em"
|
||||
dominantBaseline="hanging"
|
||||
>
|
||||
{text}
|
||||
</text>
|
||||
|
||||
Reference in New Issue
Block a user