Merge version_2 into main #1
349
src/app/page.tsx
349
src/app/page.tsx
@@ -2,17 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Package, Star, Users } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Package, Star, Users, Briefcase } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -23,327 +22,103 @@ export default function LandingPage() {
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="PK Plastics"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Premium Cello Products Distributor"
|
||||
description="Quality Kitchen & Household Solutions. Trusted partner for retailers and households."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-coffee-cups-tray_23-2148892817.jpg"
|
||||
avatarText="Trusted by 500+ retailers"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg",
|
||||
alt: "Confident businessman smiling",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "Portrait of man in black suit",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
|
||||
alt: "Businesswoman in Glasses Portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
|
||||
alt: "Portrait of smiley business woman",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
alt: "Close-up of positive executive at work",
|
||||
},
|
||||
<HeroCarouselLogo
|
||||
logoText="PK Plastics"
|
||||
description="Premium Distributor of Cello household products. Elegance and utility for every home."
|
||||
buttons={[{ text: "View Collection", href: "#products" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchenware-set_23-2148900000.jpg", imageAlt: "Premium kitchenware collection" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/clean-minimalist-kitchen_23-2149100000.jpg", imageAlt: "Storage solutions" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
title="Product Collections"
|
||||
description="Our premium selection of Cello products, designed for durability and style."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Kitchen Appliances",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lunch Boxes",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-near-school-supplies_23-2147866255.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Casseroles",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-pot-flat-lay_23-2148862690.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Storage Containers",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/food-containers-arrangement_23-2149238985.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Cookware",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-pan-with-boiling-pasta_23-2149646266.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Dinner Sets",
|
||||
price: "View",
|
||||
variant: "Premium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tableware-arrangement_23-2148930370.jpg",
|
||||
},
|
||||
{ id: "1", name: "Kitchen Essentials", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/electric-blender-mixer-juicer-set_140725-7264.jpg" },
|
||||
{ id: "2", name: "Storage Solutions", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/food-containers-arrangement_23-2149238985.jpg" },
|
||||
{ id: "3", name: "Dinnerware Sets", price: "Catalog", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tableware-arrangement_23-2148930370.jpg" }
|
||||
]}
|
||||
title="Product Categories"
|
||||
description="Discover our wide range of Cello household essentials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Trusted Cello Distributor in Indore"
|
||||
<TestimonialAboutCard
|
||||
tag="About Us"
|
||||
title="PK Plastics: Excellence in Distribution"
|
||||
description="Founded on the principles of quality and reliability, PK Plastics brings the renowned Cello brand to every household in Indore."
|
||||
subdescription="We pride ourselves on an extensive supply chain and superior customer service."
|
||||
icon={Briefcase}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/warehouse-interior_23-2148900000.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
<MetricCardEleven
|
||||
title="Trusted by Many"
|
||||
description="Proven results in the industry."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Google Rating",
|
||||
value: "4.9 ⭐",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Retailers",
|
||||
value: "500+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Products Served",
|
||||
value: "1000+",
|
||||
icon: Package,
|
||||
},
|
||||
{ id: "1", title: "4.9 Rating", value: "4.9 Star Rating", description: "Consistent excellence", imageSrc: "http://img.b2bpic.net/free-photo/rating-concept_23-2148900000.jpg" },
|
||||
{ id: "2", title: "500+ Retailers", value: "500+ Partners", description: "Building strong networks", imageSrc: "http://img.b2bpic.net/free-photo/business-network_23-2148900000.jpg" }
|
||||
]}
|
||||
title="Quality at a Glance"
|
||||
description="Building trust through excellence in distribution."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Cello World",
|
||||
"Premium Household",
|
||||
"Kitchen Solutions",
|
||||
"Daily Essentials",
|
||||
"Tableware Pro",
|
||||
"Storage Master",
|
||||
"Clean Home Co",
|
||||
]}
|
||||
title="Partnering with Excellence"
|
||||
description="Distributing premium quality Cello products."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
<TestimonialCardOne
|
||||
title="What Our Partners Say"
|
||||
description="Feedback from our valued retail partners."
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amit Sharma",
|
||||
role: "Retailer",
|
||||
company: "Indore Kitchenware",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Priya Verma",
|
||||
role: "Store Owner",
|
||||
company: "Home Essentials",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Rahul Gupta",
|
||||
role: "Distributor",
|
||||
company: "City Mart",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sonia Reddy",
|
||||
role: "Retailer",
|
||||
company: "Kitchen World",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Vikram Seth",
|
||||
role: "Owner",
|
||||
company: "Modern Tableware",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
{ id: "1", name: "Amit Sharma", role: "Retailer", company: "Indore Mart", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling_23-2148900000.jpg" },
|
||||
{ id: "2", name: "Priya Gupta", role: "Manager", company: "Home Style", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_23-2148900000.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "10Y+",
|
||||
label: "Experience",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Trust",
|
||||
},
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Hear what our retailers and partners say about PK Plastics."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How can I start distribution?",
|
||||
content: "Contact us via the form or phone number.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What Cello products are available?",
|
||||
content: "We stock the entire Cello kitchenware range.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where is PK Plastics located?",
|
||||
content: "We are at 5 Khatipura, MG Road, Indore.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Get in Touch"
|
||||
description="Reach out to PK Plastics for inquiries, catalog requests, or partnership opportunities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/loop-around-hospital-concept-collage_23-2150040485.jpg"
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Partner With Us"
|
||||
description="Interested in carrying our product line? Let's discuss your requirements."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/customer-service_23-2148900000.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Address",
|
||||
items: [
|
||||
{
|
||||
label: "5 Khatipura, MG Road, Indore",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 PK Plastics"
|
||||
bottomRightText="Premium Distributor"
|
||||
<FooterLogoReveal
|
||||
logoText="PK Plastics"
|
||||
leftLink={{ text: "© 2024 PK Plastics" }}
|
||||
rightLink={{ text: "Privacy Policy" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user