Update src/app/page.tsx
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -8,8 +8,8 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardThree from '@/components/sections/ecommerce/productCatalog/ProductCatalog';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Award, Shield, Zap } from "lucide-react";
|
||||
|
||||
@@ -31,14 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Investment", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Investment", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LINDE GAS"
|
||||
/>
|
||||
@@ -46,169 +42,60 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Powering Future Innovations"
|
||||
description="Linde Gas delivers premium industrial assets that bridge the gap between high-yield investment and sustainable energy efficiency."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Global Industrial Assets"
|
||||
description="Linde Gas delivers high-conversion industrial infrastructure and sustainable energy solutions. Join our referral program and earn 15-45 Cedi per successful product purchase."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg?_wi=1", imageAlt: "Gas infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096561.jpg?_wi=1", imageAlt: "Product 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg?_wi=1", imageAlt: "Product 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-door_23-2148098632.jpg?_wi=1", imageAlt: "Product 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buckwheats-buckets-dark-gray-high-angle-view-space-text_176474-2233.jpg?_wi=1", imageAlt: "Product 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-yerba-mate-background_123827-33187.jpg?_wi=1", imageAlt: "Product 5"},
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg", imageAlt: "Industrial Energy" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg", imageAlt: "Product Manufacturing" },
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-yerba-mate-background_123827-33187.jpg?_wi=2", imageAlt: "Product 5"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buckwheats-buckets-dark-gray-high-angle-view-space-text_176474-2233.jpg?_wi=2", imageAlt: "Product 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/warehouse-door_23-2148098632.jpg?_wi=2", imageAlt: "Product 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg?_wi=2", imageAlt: "Product 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096561.jpg?_wi=2", imageAlt: "Product 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg?_wi=2", imageAlt: "Gas infrastructure"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products", href: "#products"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", alt: "Investor 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", alt: "Investor 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Investor 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", alt: "Investor 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-happy-businessman-looking-camera_23-2148113005.jpg", alt: "Investor 5"},
|
||||
]}
|
||||
avatarText="Trusted by 500+ global partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Energy Efficiency"},
|
||||
{
|
||||
type: "text", text: "Sustainable Gas"},
|
||||
{
|
||||
type: "text", text: "High ROI"},
|
||||
{
|
||||
type: "text", text: "Industrial Growth"},
|
||||
{
|
||||
type: "text", text: "Capital Security"},
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/warehouse-door_23-2148098632.jpg", imageAlt: "Gas Storage" },
|
||||
{ imageSrc: "https://img.b2bpic.net/free-photo/buckwheats-buckets-dark-gray-high-angle-view-space-text_176474-2233.jpg", imageAlt: "Agricultural Compounds" },
|
||||
]}
|
||||
buttons={[{ text: "Earn Rewards", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="Legacy of Quality"
|
||||
title="Professional Excellence"
|
||||
metrics={[
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Reliability", value: "99.9%"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Quality Standard", value: "Global"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Energy Yield", value: "High"},
|
||||
{ icon: Shield, label: "Referral Bonus", value: "15-45 GHS" },
|
||||
{ icon: Award, label: "Asset Quality", value: "Certified" },
|
||||
{ icon: Zap, label: "Fast Payouts", value: "Automated" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
<ProductCardThree
|
||||
layout="section"
|
||||
title="Industrial Asset Catalog"
|
||||
description="Select from our high-performance product range and qualify for referral rewards."
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "MASS GAS", price: "$80", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096561.jpg?_wi=3"},
|
||||
{
|
||||
id: "p2", name: "SOLAR CONVERTOR", price: "$150", variant: "High-Efficiency", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg?_wi=3"},
|
||||
{
|
||||
id: "p3", name: "OXYGEN TANK", price: "$300", variant: "Medical Grade", imageSrc: "http://img.b2bpic.net/free-photo/warehouse-door_23-2148098632.jpg?_wi=3"},
|
||||
{
|
||||
id: "p4", name: "NPK COMPOUNDS", price: "$500", variant: "High Yield", imageSrc: "http://img.b2bpic.net/free-photo/buckwheats-buckets-dark-gray-high-angle-view-space-text_176474-2233.jpg?_wi=3"},
|
||||
{
|
||||
id: "p5", name: "EXTRACTED COMPOST", price: "$900", variant: "Organic", imageSrc: "http://img.b2bpic.net/free-photo/traditional-yerba-mate-background_123827-33187.jpg?_wi=3"},
|
||||
{ id: "p1", name: "MASS GAS", price: "$80", imageSrc: "https://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096561.jpg", rating: 5 },
|
||||
{ id: "p2", name: "SOLAR CONVERTOR", price: "$150", imageSrc: "https://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg", rating: 5 },
|
||||
{ id: "p3", name: "OXYGEN TANK", price: "$300", imageSrc: "https://img.b2bpic.net/free-photo/warehouse-door_23-2148098632.jpg", rating: 4 },
|
||||
{ id: "p4", name: "NPK COMPOUNDS", price: "$500", imageSrc: "https://img.b2bpic.net/free-photo/buckwheats-buckets-dark-gray-high-angle-view-space-text_176474-2233.jpg", rating: 5 },
|
||||
]}
|
||||
title="Industrial Essentials"
|
||||
description="Premium grade products designed for long-term operational excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Referral Reward Tiers"
|
||||
description="Earn between 15 and 45 Cedi for every referred purchase made through your network."
|
||||
plans={[
|
||||
{
|
||||
id: "mass", tag: "Industrial", price: "$160", period: "50 days", description: "Returns $3.20/day.", button: {
|
||||
text: "Invest", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"50 days duration", "Daily interest", "Capital doubling"],
|
||||
},
|
||||
{
|
||||
id: "solar", tag: "Energy", price: "$300", period: "50 days", description: "Returns $6.00/day.", button: {
|
||||
text: "Invest", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"50 days duration", "Daily interest", "Capital doubling"],
|
||||
},
|
||||
{
|
||||
id: "oxygen", tag: "Medical", price: "$600", period: "50 days", description: "Returns $12.00/day.", button: {
|
||||
text: "Invest", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"50 days duration", "Daily interest", "Capital doubling"],
|
||||
},
|
||||
{
|
||||
id: "npk", tag: "Agriculture", price: "$1000", period: "50 days", description: "Returns $20.00/day.", button: {
|
||||
text: "Invest", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"50 days duration", "Daily interest", "Capital doubling"],
|
||||
},
|
||||
{
|
||||
id: "compost", tag: "Organic", price: "$1800", period: "50 days", description: "Returns $36.00/day.", button: {
|
||||
text: "Invest", href: "#"},
|
||||
featuresTitle: "Included", features: [
|
||||
"50 days duration", "Daily interest", "Capital doubling"],
|
||||
},
|
||||
{ id: "starter", title: "Standard Referral", price: "15 GHS", period: "/purchase", features: ["Tier 1 reward", "Direct payout", "Instant credit"], button: { text: "Learn More" } },
|
||||
{ id: "pro", title: "Pro Referral", price: "30 GHS", period: "/purchase", features: ["Tier 2 reward", "Priority payout", "24/7 support"], button: { text: "Learn More" } },
|
||||
{ id: "elite", title: "Elite Referral", price: "45 GHS", period: "/purchase", features: ["Tier 3 reward", "Max payout", "Exclusive access"], button: { text: "Learn More" } },
|
||||
]}
|
||||
title="50-Day Yield Investment"
|
||||
description="Double your capital over a 50-day period with daily automated payouts."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "500+", title: "Happy Investors", description: "Joining the growth.", imageSrc: "http://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg?_wi=3"},
|
||||
{
|
||||
id: "m2", value: "$5M+", title: "Capital Managed", description: "Secure growth.", imageSrc: "http://img.b2bpic.net/free-photo/ordered-composition-baking-tools_23-2150096561.jpg?_wi=4"},
|
||||
{
|
||||
id: "m3", value: "12+", title: "Countries Served", description: "Global reach.", imageSrc: "http://img.b2bpic.net/free-photo/woman-working-her-workshop-creative-invention_23-2149067192.jpg?_wi=4"},
|
||||
]}
|
||||
title="Market Impact"
|
||||
description="Numbers behind our success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -217,45 +104,33 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="Success Stories"
|
||||
description="Join partners who have unlocked significant passive income."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "John Smith", handle: "@jsmith", testimonial: "The best ROI I've seen in the industrial sector.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg"},
|
||||
{
|
||||
id: "2", name: "Jane Doe", handle: "@jdoe", testimonial: "Daily payouts are consistent and reliable.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=1"},
|
||||
{
|
||||
id: "3", name: "Mark Wilson", handle: "@mwilson", testimonial: "Professional team and transparent model.", imageSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg"},
|
||||
{
|
||||
id: "4", name: "Alice Brown", handle: "@abrown", testimonial: "Very satisfied with the NPK investment plan.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", name: "David Lee", handle: "@dlee", testimonial: "Exceptional clarity in the investment process.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-businessman-looking-camera_23-2148113005.jpg"},
|
||||
{ id: "t1", name: "Kojo Mensah", handle: "@kojom", testimonial: "The referral program is seamless and payouts are incredibly fast!", imageSrc: "https://img.b2bpic.net/free-photo/smiling-happy-businessman-looking-camera_23-2148113005.jpg" },
|
||||
{ id: "t2", name: "Ama Serwaa", handle: "@amaserwaa", testimonial: "Quality products and even better rewards. Highly recommended.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg" }
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Hear from our satisfied investors."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Ready to scale your investment? Let's talk."
|
||||
title="Join the Program"
|
||||
description="Ready to start earning? Sign up now to receive your referral link."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Name"},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email"},
|
||||
{ name: "name", type: "text", placeholder: "Full Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg?_wi=4"
|
||||
imageSrc="https://img.b2bpic.net/free-photo/wind-energy-with-wind-turbines-background_53876-124631.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LINDE GAS"
|
||||
leftLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user