Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c31d7324f1 | |||
| a7823d00f5 | |||
| dec010511c | |||
| b92f112e7c | |||
| 5321022fa5 | |||
| 12abee6ab1 | |||
| c00e913116 | |||
| 867470a671 | |||
| 5652d8e17b | |||
| e766f77b87 |
384
src/app/page.tsx
384
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/product/ProductCardThree';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Star, Package, ShieldCheck, Zap } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,363 +30,124 @@ 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
|
||||
<ProductCardThree
|
||||
title="Our Products"
|
||||
description="Curated digital assets for your creative projects."
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
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",
|
||||
},
|
||||
{ id: "p1", name: "Pro Workflow Kit", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg?_wi=1" },
|
||||
{ id: "p2", name: "Design Assets", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg?_wi=2" },
|
||||
{ id: "p3", name: "Code Snippets", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-with-frame-laptop_23-2148821815.jpg?_wi=3" }
|
||||
]}
|
||||
title="Our Digital Catalog"
|
||||
description="Explore our curated collection of professional templates, assets, and tools."
|
||||
/>
|
||||
</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"
|
||||
description="Driving efficiency through proven results."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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
|
||||
<TestimonialCardOne
|
||||
title="What Clients Say"
|
||||
description="Hear from the community about our impact."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
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",
|
||||
},
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
<ContactSplit
|
||||
title="Get Updates"
|
||||
description="Stay informed about new product releases."
|
||||
tag="Newsletter"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Ready to get started? Reach out to our team for custom solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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