Merge version_1 into main #4
262
src/app/page.tsx
262
src/app/page.tsx
@@ -16,177 +16,115 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="shadow"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ChaiCorporate"
|
||||
button={{
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ChaiCorporate"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="ચા નો સ્વાદ, ઘર જેવી લાગણી ☕❤️"
|
||||
description="Experience the authentic taste of Kathiyawad in every cup, delivered seamlessly to your corporate office. Elevate your team's energy with our premium daily beverage and snack service."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=1", imageAlt: "Steaming Chai Cup"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=2", imageAlt: "Corporate Office Coffee Service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=3", imageAlt: "Premium Snack Selection"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=4", imageAlt: "Team Tea Break"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=5", imageAlt: "Beverage Delivery Tracking"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=6", imageAlt: "Monthly Invoice Automated"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "plain" }}
|
||||
title="ચા નો સ્વાદ, ઘર જેવી લાગણી ☕❤️"
|
||||
description="Experience the authentic taste of Kathiyawad in every cup, delivered seamlessly to your corporate office. Elevate your team's energy with our premium daily beverage and snack service."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=1", imageAlt: "Steaming Chai Cup" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-alcoholic-beverage-cocktails_23-2148722560.jpg?_wi=2", imageAlt: "Corporate Office Coffee Service" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Employee Tracking", description: "Accurately track individual consumption per person with ease.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=1"},
|
||||
{
|
||||
title: "Automated Billing", description: "Generate daily, weekly, or monthly invoices automatically.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=2"},
|
||||
{
|
||||
title: "On-Demand Ordering", description: "Flexible subscription or on-demand ordering for every team size.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=3"},
|
||||
]}
|
||||
title="The Perfect Office Perk"
|
||||
description="Streamlining your office refreshments with technology that feels like home."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="The Perfect Office Perk"
|
||||
description="Streamlining your office refreshments with technology that feels like home."
|
||||
features={[
|
||||
{ title: "Employee Tracking", description: "Accurately track individual consumption per person with ease.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=1", imageAlt: "Track" },
|
||||
{ title: "Automated Billing", description: "Generate daily, weekly, or monthly invoices automatically.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=2", imageAlt: "Billing" },
|
||||
{ title: "On-Demand Ordering", description: "Flexible subscription or on-demand ordering for every team size.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template_23-2148026206.jpg?_wi=3", imageAlt: "Ordering" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Signature", name: "Masala Chai", price: "₹10", rating: 5,
|
||||
reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=1"},
|
||||
{
|
||||
id: "p2", brand: "Signature", name: "Strong Coffee", price: "₹15", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=2"},
|
||||
{
|
||||
id: "p3", brand: "Snack", name: "Crispy Biscuits", price: "₹20", rating: 4,
|
||||
reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=3"},
|
||||
{
|
||||
id: "p4", brand: "Snack", name: "Namkeen Mix", price: "₹25", rating: 5,
|
||||
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=4"},
|
||||
]}
|
||||
title="Daily Refreshments"
|
||||
description="Quality beverages and snacks, delivered fresh to your desk."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
title="Daily Refreshments"
|
||||
description="Quality beverages and snacks, delivered fresh to your desk."
|
||||
products={[
|
||||
{ id: "p1", brand: "Signature", name: "Masala Chai", price: "₹10", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=1" },
|
||||
{ id: "p2", brand: "Signature", name: "Strong Coffee", price: "₹15", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=2" },
|
||||
{ id: "p3", brand: "Snack", name: "Crispy Biscuits", price: "₹20", rating: 4, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=3" },
|
||||
{ id: "p4", brand: "Snack", name: "Namkeen Mix", price: "₹25", rating: 5, reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/businessman-posing-cafe_1157-45722.jpg?_wi=4" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Johnson", role: "Office Admin", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310877.jpg?_wi=1"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "HR Lead", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Manager", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-handsome-man-puts-hand-chest-holding-cup-isolated-orange-wall_141793-68576.jpg"},
|
||||
{
|
||||
id: "4", name: "David Kim", role: "Ops Lead", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-chilling-out-with-coffee-cafe_53876-22942.jpg"},
|
||||
{
|
||||
id: "5", name: "Priya Sharma", role: "Project Manager", company: "CreativeOps", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310877.jpg?_wi=2"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "100+", label: "Offices Served"},
|
||||
{
|
||||
value: "5k+", label: "Daily Cups"},
|
||||
{
|
||||
value: "99%", label: "Satisfaction"},
|
||||
]}
|
||||
title="Loved by Professionals"
|
||||
description="See why top corporate teams prefer our services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Professionals"
|
||||
description="See why top corporate teams prefer our services."
|
||||
kpiItems={[
|
||||
{ value: "100+", label: "Offices Served" },
|
||||
{ value: "5k+", label: "Daily Cups" },
|
||||
{ value: "99%", label: "Satisfaction" }
|
||||
]}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "Office Admin", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-workers-working-together-as-team_23-2149310877.jpg?_wi=1" },
|
||||
{ id: "2", name: "Michael Chen", role: "HR Lead", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Ready to brew happiness?"
|
||||
description="Get in touch for a demo or to start your office subscription today."
|
||||
buttonText="Subscribe Now"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
title="Ready to brew happiness?"
|
||||
description="Get in touch for a demo or to start your office subscription today."
|
||||
buttonText="Subscribe Now"
|
||||
tag="Contact Us"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ChaiCorporate"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="ChaiCorporate"
|
||||
columns={[
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Menu", href: "#menu" }] },
|
||||
{ items: [{ label: "Support", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user