Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| aa245f3ec1 | |||
| 0c931663e5 | |||
| 01158b2c1e | |||
| 83f1acd61f |
308
src/app/page.tsx
308
src/app/page.tsx
@@ -3,15 +3,11 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -32,45 +28,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RetailManager"
|
||||
brandName="SecurAuto"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="RetailManager Pro"
|
||||
description="Streamline your retail operations, manage leads, and grow your business with our professional suite designed for modern traders."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="SecurAuto Solutions"
|
||||
description="Advanced security and automation for your peace of mind. We specialize in CCTV, smart locks, and access control systems."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Explore Services", href: "#products" },
|
||||
{ text: "Request Quote", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142183.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/security-camera-monitoring-system-installed-wall_1150-13685.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,278 +54,68 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Business Empowerment"
|
||||
title="Modern Security Standards"
|
||||
description={[
|
||||
"Empowering retailers with comprehensive tools to manage daily operations, track invoices, and maximize business efficiency.",
|
||||
"Our platform is built to handle the complexities of modern trading and retail management, providing you with actionable insights.",
|
||||
"SecurAuto is dedicated to providing high-performance surveillance and automated entry solutions for residential and commercial spaces.", "Our systems are designed for reliability, seamlessly integrating advanced technology with user-friendly operation."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Core Services & Products"
|
||||
description="Our comprehensive range of security solutions tailored to your infrastructure requirements."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Module",
|
||||
name: "Lead Manager",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-online-shop-logo-collection_23-2148949139.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Finance",
|
||||
name: "MSME Loans",
|
||||
price: "Custom",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/euroskulptur-frankfurt-downtown-germany_1268-20915.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Digital",
|
||||
name: "Invoices",
|
||||
price: "Included",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-deal-hand-shake-design-element_460848-11295.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "System",
|
||||
name: "Tally on Web",
|
||||
price: "Premium",
|
||||
rating: 4,
|
||||
reviewCount: "50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-shopping-cart-icon-illustration-design-pen-tool-created-clipping-path-included-jpeg-easy-composite_460848-8387.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Tools",
|
||||
name: "Catalog Share",
|
||||
price: "Free",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-shop-local-logo-design_23-2149613163.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Reports",
|
||||
name: "Performance Data",
|
||||
price: "Pro",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carton-gift-boxes-shopping-trolley_23-2147955469.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "CCTV", name: "HD Surveillance Systems", price: "Starting at $299", rating: 5, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-cctv-camera_23-2148731302.jpg" },
|
||||
{ id: "p2", brand: "Access", name: "Biometric Door Locks", price: "Customized", rating: 5, reviewCount: "250+", imageSrc: "http://img.b2bpic.net/free-photo/smart-lock-door-modern-technology_23-2149159043.jpg" },
|
||||
{ id: "p3", brand: "Automated", name: "Boom Barriers", price: "Professional", rating: 4, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/barrier-gate-parking-lot_23-2148906359.jpg" },
|
||||
]}
|
||||
title="Essential Solutions"
|
||||
description="Powerful tools to optimize your business workflow."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Lead Management",
|
||||
description: "Seamlessly capture and track potential customer leads.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cinema-3d-glasses_23-2148115289.jpg",
|
||||
imageAlt: "Leads",
|
||||
},
|
||||
{
|
||||
title: "Financial Insight",
|
||||
description: "Monitor annual turnover and financial growth metrics.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/save-front-side_187299-44781.jpg",
|
||||
imageAlt: "Finance",
|
||||
},
|
||||
{
|
||||
title: "Verified Trust",
|
||||
description: "Build credibility with verified business trust profiles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-shop-local-logo-design_23-2149613151.jpg",
|
||||
imageAlt: "Trust",
|
||||
},
|
||||
]}
|
||||
title="Business Capabilities"
|
||||
description="Everything you need to run your business professionally."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Key Business Impact"
|
||||
tag="Performance"
|
||||
title="System Efficiency"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99+",
|
||||
description: "Active Leads Managed",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "System Availability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Digital Invoicing",
|
||||
},
|
||||
{ id: "m1", value: "5000+", description: "Installations Completed" },
|
||||
{ id: "m2", value: "99.9%", description: "Uptime Guarantee" },
|
||||
{ id: "m3", value: "24/7", description: "Support & Monitoring" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The platform transformed how I handle my daily operations. Managing leads and finances has never been this simple."
|
||||
rating={5}
|
||||
author="Sumant Verma"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-indoors_23-2149196084.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-woman-with-shopping-packets_23-2147950235.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32400.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"RetailCorp",
|
||||
"TradeAlliance",
|
||||
"CommerceLink",
|
||||
"BusinessGlobal",
|
||||
"MarketMasters",
|
||||
"TechRetail",
|
||||
"ShopNetwork",
|
||||
]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with industry leaders to deliver excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is my data secure?",
|
||||
content: "Yes, we use industry-standard encryption for all your business data.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I integrate Tally?",
|
||||
content: "Our Tally on Web integration allows seamless sync with your accounting.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I add contacts?",
|
||||
content: "Simply go to settings and add your contact person and address details.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/blissful-african-female-head-marketing-department-posing-with-thumb-up-after-hard-work_197531-4993.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Need help getting started?"
|
||||
faqsAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get In Touch"
|
||||
description="Ready to streamline your retail business? Let's talk."
|
||||
useInvertedBackground={true}
|
||||
title="Get Secure Today"
|
||||
description="Contact us for a professional assessment of your security needs. Our team is ready to assist with installation and custom integration."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Business Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can we help?",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-leader-professional-office-strategizing-development-success_482257-124038.jpg"
|
||||
textarea={{ name: "message", placeholder: "Tell us about your requirements", rows: 4 }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-technician-installing-security-system_1150-14563.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="RetailManager"
|
||||
logoText="SecurAuto"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
{
|
||||
label: "Leads",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Invoices",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Solutions", items: [{ label: "Surveillance", href: "#products" }, { label: "Access Control", href: "#products" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#contact" }, { label: "Inquiries", href: "#contact" }] }
|
||||
]}
|
||||
copyrightText="© 2025 RetailManager Platform"
|
||||
copyrightText="© 2025 SecurAuto Security & Automation"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user