Merge version_3 into main #2
252
src/app/page.tsx
252
src/app/page.tsx
@@ -2,16 +2,17 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
||||
import ProductCardThree from '@/components/sections/ecommerce/ProductDetailCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Star, Package, ShieldCheck, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,232 +30,113 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="ProDigi"
|
||||
button={{
|
||||
text: "Get Started", href: "#pricing"}}
|
||||
button={{ text: "Get Started", href: "#pricing" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Premium Digital Solutions for Professionals"
|
||||
description="Access high-quality, ready-to-use digital assets that accelerate your workflow and elevate your professional output."
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Catalog", href: "#products"},
|
||||
{
|
||||
text: "Learn More", href: "#features"},
|
||||
<HeroOverlayTestimonial
|
||||
title="Elevate Your Digital Business"
|
||||
description="Premium digital products for modern professionals. Everything you need to scale efficiently."
|
||||
testimonials={[
|
||||
{ name: "Alice Johnson", handle: "@alice", testimonial: "The quality is unmatched!", rating: 5 },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg", imageAlt: "Digital Product Showcase 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/circuit-code-blue-screen-icon_53876-124041.jpg", imageAlt: "Digital Product Showcase 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg", imageAlt: "Digital Product Showcase 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-smartphone-with-notebook-grey-table_23-2148036942.jpg", imageAlt: "Tablet and smartphone with notebook on grey table"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg", imageAlt: "Business man pointing at tablet"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
buttons={[{ text: "Explore", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSix
|
||||
textboxLayout="inline-image"
|
||||
<FeatureCardTwentyFour
|
||||
title="Features for Professionals"
|
||||
description="Built for speed, security, and scalability."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "Bulletproof Security", description: "Enterprise-grade protection for all your digital assets and data transfers.", imageSrc: "http://img.b2bpic.net/free-vector/cloud-storage-idea-online-computing-internet-database-backup-server-programming-equipment-limited-access-control-pass-privacy-settings-vector-isolated-concept-metaphor-illustration_335657-4337.jpg", imageAlt: "Security icon"},
|
||||
{
|
||||
title: "Instant Delivery", description: "Get access to your digital files immediately after purchase, 24/7.", imageSrc: "http://img.b2bpic.net/free-vector/infographic-chart-collection_53876-118085.jpg", imageAlt: "Speed icon"},
|
||||
{
|
||||
title: "Cloud Sync Ready", description: "Seamless integration with popular cloud platforms for instant collaboration.", imageSrc: "http://img.b2bpic.net/free-vector/minimal-cloud-icon-vector-digital-networking-system_53876-111840.jpg", imageAlt: "Cloud icon"},
|
||||
{ id: "f1", title: "Secure Assets", author: "Security Team", description: "Encrypted and safe.", tags: ["Security"], imageSrc: "http://img.b2bpic.net/free-vector/cloud-storage-idea-online-computing-internet-database-backup-server-programming-equipment-limited-access-control-pass-privacy-settings-vector-isolated-concept-metaphor-illustration_335657-4337.jpg" }
|
||||
]}
|
||||
title="Why Choose Our Products?"
|
||||
description="Engineered for excellence, our digital products are designed to streamline your operations and deliver superior results."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Corporate eBook Kit", price: "$49", imageSrc: "http://img.b2bpic.net/free-vector/brochure-with-blue-squares_1017-4244.jpg"},
|
||||
{
|
||||
id: "p2", name: "UI/UX Starter Pack", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-black-white-office-desk-with-stationery_9975-133066.jpg"},
|
||||
{
|
||||
id: "p3", name: "Pro Code Plugin", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"},
|
||||
{
|
||||
id: "p4", name: "Design Assets Bundle", price: "$199", imageSrc: "http://img.b2bpic.net/free-vector/design-25-flat-color-icon-pack-including-layers-ruler-creative-measure-web-design_1142-23243.jpg"},
|
||||
{
|
||||
id: "p5", name: "Professional Course", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/virtual-call-vacant-spacious-office_482257-119429.jpg"},
|
||||
{
|
||||
id: "p6", name: "Audio Asset Library", price: "$79", imageSrc: "http://img.b2bpic.net/free-vector/minimal-sound-wave-banner-design-background_1048-21256.jpg"},
|
||||
]}
|
||||
title="Our Digital Catalog"
|
||||
description="Explore our curated collection of professional templates, assets, and tools."
|
||||
<ProductCardThree
|
||||
layout="section"
|
||||
name="Pro Workflow Kit"
|
||||
price="$99"
|
||||
description="Our most comprehensive toolkit to date."
|
||||
images={[{ src: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg", alt: "Product" }]}
|
||||
buttons={[{ text: "Buy Now" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
<PricingCardNine
|
||||
title="Simple Pricing"
|
||||
description="One-time payments, lifetime access."
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", price: "$49/mo", name: "Essential", buttons: [
|
||||
{
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10 Assets/mo", "Community access", "Standard support"],
|
||||
},
|
||||
{
|
||||
id: "pro", price: "$99/mo", name: "Professional", buttons: [
|
||||
{
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Unlimited Assets", "Priority support", "Full Commercial License"],
|
||||
},
|
||||
{
|
||||
id: "ent", price: "$299/mo", name: "Enterprise", buttons: [
|
||||
{
|
||||
text: "Select Plan", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"Dedicated Account Mgr", "Custom assets", "Team dashboard"],
|
||||
},
|
||||
{ id: "p1", title: "Basic", price: "$49", period: "one-time", features: ["Essential tools"], button: { text: "Select" } }
|
||||
]}
|
||||
title="Flexible Membership Plans"
|
||||
description="Choose the perfect plan for your professional needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Proven Performance"
|
||||
tag="Trusted by thousands"
|
||||
<MetricCardOne
|
||||
title="Our Impact"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "15k+", description: "Happy Clients"},
|
||||
{
|
||||
id: "m2", value: "99.9%", description: "Uptime Rate"},
|
||||
{
|
||||
id: "m3", value: "24/7", description: "Expert Support"},
|
||||
{ id: "m1", value: "10k+", title: "Users", description: "Satisfied customers", icon: Zap },
|
||||
{ id: "m2", value: "500+", title: "Assets", description: "Ready to use", icon: Package },
|
||||
{ id: "m3", value: "100%", title: "Secure", description: "Privacy first", icon: ShieldCheck }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The digital assets here saved me hundreds of hours. Truly essential for any professional workflow."
|
||||
rating={5}
|
||||
author="Marcus Thorne, Design Director"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-smartphone-with-notebook-grey-table_23-2148036942.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-designers_23-2149443522.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-earphone-eyeglasses-coffee-cup-blank-screen-digital-tablet-gray-desk_23-2148052568.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-cryptocurrwncy-concept_23-2149250227.jpg", alt: "User 5"},
|
||||
<TestimonialCardOne
|
||||
title="What Clients Say"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Bob Smith", role: "Founder", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-man-pointing-tablet_23-2148479533.jpg" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Is commercial license included?", content: "Yes, all our Pro assets come with full commercial rights for your business."},
|
||||
{
|
||||
id: "q2", title: "How do I download my purchases?", content: "You will receive an instant download link in your email after completing your order."},
|
||||
{
|
||||
id: "q3", title: "Do you offer refunds?", content: "We offer a 30-day money-back guarantee for all digital product purchases."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/faq-customer-service-help-support-exclamation-graphic_53876-120083.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products and services."
|
||||
<FaqSplitText
|
||||
sideTitle="Need Help?"
|
||||
faqs={[{ id: "q1", title: "How do I buy?", content: "Click the Buy button on any product page." }]}
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Ready to get started? Reach out to our team for custom solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
<ContactSplit
|
||||
title="Get Updates"
|
||||
description="Stay informed about new product releases."
|
||||
tag="Newsletter"
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "Help", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 ProDigi Solutions"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
<FooterCard
|
||||
logoText="ProDigi"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user