Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
543
src/app/page.tsx
543
src/app/page.tsx
@@ -28,406 +28,167 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Login Portal"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Login Portal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Access Your Workspace"
|
||||
description="Log in to Lovable and continue building your next big project."
|
||||
buttons={[
|
||||
{
|
||||
text: "Continue with Google",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Continue with Email",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg?_wi=1",
|
||||
imageAlt: "Workspace login",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-backgroundlayoutbanner-product-presentation_1258-101934.jpg",
|
||||
imageAlt: "Login secure",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_74190-4796.jpg",
|
||||
imageAlt: "Authentication",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79794.jpg",
|
||||
imageAlt: "Productivity",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/acrylic-brush-stroke-background-light-gray-wallpaper-image_53876-104726.jpg",
|
||||
imageAlt: "Innovation",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-p_1258-105148.jpg",
|
||||
imageAlt: "Growth",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Access Your Workspace"
|
||||
description="Log in to Lovable and continue building your next big project."
|
||||
buttons={[
|
||||
{ text: "Continue with Google", href: "#" },
|
||||
{ text: "Continue with Email", href: "#" },
|
||||
]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg", imageAlt: "Workspace login" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gold-yellow-gradient-studio-wall-well-use-as-backgroundlayoutbanner-product-presentation_1258-101934.jpg", imageAlt: "Login secure" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-shopping-mall-interior_74190-4796.jpg", imageAlt: "Authentication" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/gradient-blue-abstract-background-smooth-dark-blue-with-black-vignette-studio_1258-79794.jpg", imageAlt: "Productivity" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/acrylic-brush-stroke-background-light-gray-wallpaper-image_53876-104726.jpg", imageAlt: "Innovation" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-p_1258-105148.jpg", imageAlt: "Growth" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
title="Built for Enterprise"
|
||||
description="SSO available on Business and Enterprise plans. Secure, fast, and scalable access management for your entire team."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Secure SSO",
|
||||
description: "Enterprise-grade authentication.",
|
||||
},
|
||||
{
|
||||
title: "Fast Deployment",
|
||||
description: "Get started in minutes.",
|
||||
},
|
||||
{
|
||||
title: "Team Management",
|
||||
description: "Scalable user roles.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
imagePosition="right"
|
||||
title="Built for Enterprise"
|
||||
description="SSO available on Business and Enterprise plans. Secure, fast, and scalable access management for your entire team."
|
||||
bulletPoints={[
|
||||
{ title: "Secure SSO", description: "Enterprise-grade authentication." },
|
||||
{ title: "Fast Deployment", description: "Get started in minutes." },
|
||||
{ title: "Team Management", description: "Scalable user roles." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Login",
|
||||
description: "Multi-factor authentication included.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/space-login-landing-page-template_23-2148260289.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/securing-digital-realm-cybersecurity-action_23-2151998491.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blur-hospital-clinic-interior_74190-4983.jpg?_wi=2",
|
||||
imageAlt: "secure digital authentication interface mockup",
|
||||
},
|
||||
{
|
||||
title: "Global Sync",
|
||||
description: "Cloud-based data synchronization.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/multi-ethnic-group-three-businesspeople-meeting-modern-office-two-caucasian-women-black-man-wearing-suit-looking-laptop-computer_1139-966.jpg?_wi=2",
|
||||
imageAlt: "secure digital authentication interface mockup",
|
||||
},
|
||||
{
|
||||
title: "Collaboration",
|
||||
description: "Built for modern teams.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/software-development-coding-being-done-pc-screen_482257-119455.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-table_169016-49023.jpg?_wi=1",
|
||||
imageAlt: "secure digital authentication interface mockup",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose Us"
|
||||
description="Powerful features to secure your building process."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Secure Login", description: "Multi-factor authentication included.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-vector/space-login-landing-page-template_23-2148260289.jpg", imageAlt: "secure digital authentication interface mockup" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/securing-digital-realm-cybersecurity-action_23-2151998491.jpg", imageAlt: "secure digital authentication interface mockup" }
|
||||
},
|
||||
{
|
||||
title: "Global Sync", description: "Cloud-based data synchronization.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", imageAlt: "cloud data synchronization visualization" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-125580.jpg", imageAlt: "cloud data synchronization visualization" }
|
||||
},
|
||||
{
|
||||
title: "Collaboration", description: "Built for modern teams.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/software-development-coding-being-done-pc-screen_482257-119455.jpg", imageAlt: "team collaboration tools software" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-director-working-her-own-office-with-green-screen_482257-122590.jpg", imageAlt: "team collaboration tools software" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Why Choose Us"
|
||||
description="Powerful features to secure your building process."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Standard",
|
||||
name: "Basic Access",
|
||||
price: "$0",
|
||||
rating: 5,
|
||||
reviewCount: "100+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-securing-online-data-with-tablet_23-2152004056.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Standard",
|
||||
name: "Team Pro",
|
||||
price: "$49",
|
||||
rating: 5,
|
||||
reviewCount: "200+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Standard",
|
||||
name: "Business",
|
||||
price: "$99",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-front-data-center-inspector-reviewing-paperwork-files_482257-117906.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Standard",
|
||||
name: "Enterprise",
|
||||
price: "Custom",
|
||||
rating: 5,
|
||||
reviewCount: "1k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-password-3d-render-secure-data-protection_107791-16569.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Standard",
|
||||
name: "Scale",
|
||||
price: "$199",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Standard",
|
||||
name: "Ultimate",
|
||||
price: "$299",
|
||||
rating: 5,
|
||||
reviewCount: "2k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-browsing-laptops_23-2147808009.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Choose the best plan for your team scale."
|
||||
/>
|
||||
</div>
|
||||
<div id="product" data-section="product">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Standard", name: "Basic Access", price: "$0", rating: 5, reviewCount: "100+", imageSrc: "http://img.b2bpic.net/free-photo/elderly-couple-securing-online-data-with-tablet_23-2152004056.jpg" },
|
||||
{ id: "2", brand: "Standard", name: "Team Pro", price: "$49", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-112941.jpg" },
|
||||
{ id: "3", brand: "Standard", name: "Business", price: "$99", rating: 5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/mockup-tablet-front-data-center-inspector-reviewing-paperwork-files_482257-117906.jpg" },
|
||||
{ id: "4", brand: "Standard", name: "Enterprise", price: "Custom", rating: 5, reviewCount: "1k+", imageSrc: "http://img.b2bpic.net/free-photo/good-password-3d-render-secure-data-protection_107791-16569.jpg" },
|
||||
{ id: "5", brand: "Standard", name: "Scale", price: "$199", rating: 5, reviewCount: "1.5k+", imageSrc: "http://img.b2bpic.net/free-photo/global-network-digital-world-connection_23-2152020916.jpg" },
|
||||
{ id: "6", brand: "Standard", name: "Ultimate", price: "$299", rating: 5, reviewCount: "2k+", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-browsing-laptops_23-2147808009.jpg" },
|
||||
]}
|
||||
title="Our Solutions"
|
||||
description="Choose the best plan for your team scale."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Free",
|
||||
price: "$0",
|
||||
subtitle: "For individuals",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Basic Auth",
|
||||
"Email Support",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro",
|
||||
price: "$49",
|
||||
subtitle: "For teams",
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Advanced SSO",
|
||||
"Priority Support",
|
||||
"Team Dashboards",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "ent",
|
||||
badge: "Custom",
|
||||
price: "Contact Us",
|
||||
subtitle: "For enterprises",
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"SSO/SAML",
|
||||
"Dedicated Success Manager",
|
||||
"Advanced Security",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Transparent Plans"
|
||||
description="Clear pricing for every stage of your growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{ id: "basic", badge: "Free", price: "$0", subtitle: "For individuals", buttons: [{ text: "Get Started", href: "#" }], features: ["Basic Auth", "Email Support"] },
|
||||
{ id: "pro", badge: "Pro", price: "$49", subtitle: "For teams", buttons: [{ text: "Upgrade", href: "#" }], features: ["Advanced SSO", "Priority Support", "Team Dashboards"] },
|
||||
{ id: "ent", badge: "Custom", price: "Contact Us", subtitle: "For enterprises", buttons: [{ text: "Contact", href: "#" }], features: ["SSO/SAML", "Dedicated Success Manager", "Advanced Security"] },
|
||||
]}
|
||||
title="Transparent Plans"
|
||||
description="Clear pricing for every stage of your growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "CTO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael C.",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Product",
|
||||
company: "Growth",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241321.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Dev",
|
||||
company: "Startup",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice M.",
|
||||
role: "Manager",
|
||||
company: "Enterprise",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
},
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="What our enterprise users have to say about us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "CTO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg" },
|
||||
{ id: "2", name: "Michael C.", role: "CEO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-14657.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Product", company: "Growth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-owner-working-their-strategy_23-2149241321.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Dev", company: "Startup", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1628.jpg" },
|
||||
{ id: "5", name: "Alice M.", role: "Manager", company: "Enterprise", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="What our enterprise users have to say about us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is it secure?",
|
||||
content: "Yes, we use industry standard encryption.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I use SSO?",
|
||||
content: "Yes, on our Business and Enterprise plans.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you support MFA?",
|
||||
content: "We support all major authenticator apps.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about authentication."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "1", title: "Is it secure?", content: "Yes, we use industry standard encryption." },
|
||||
{ id: "2", title: "Can I use SSO?", content: "Yes, on our Business and Enterprise plans." },
|
||||
{ id: "3", title: "Do you support MFA?", content: "We support all major authenticator apps." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about authentication."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Have questions about our enterprise plans? Contact us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-table_169016-49023.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Get in Touch"
|
||||
description="Have questions about our enterprise plans? Contact us today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/student-desk-with-computer-books-notepads-table_169016-49023.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Login Portal"
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Login Portal"
|
||||
columns={[
|
||||
{ title: "Product", items: [{ label: "Features", href: "#" }, { label: "Pricing", href: "#" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user