Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
174
src/app/page.tsx
174
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
|||||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||||
import TextAbout from '@/components/sections/about/TextAbout';
|
import TextAbout from '@/components/sections/about/TextAbout';
|
||||||
import { Coffee, CheckCircle } from "lucide-react";
|
import { BookOpen, Users, CheckCircle, GraduationCap } from "lucide-react";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
@@ -26,53 +26,37 @@ export default function LandingPage() {
|
|||||||
cardStyle="glass-elevated"
|
cardStyle="glass-elevated"
|
||||||
primaryButtonStyle="radial-glow"
|
primaryButtonStyle="radial-glow"
|
||||||
secondaryButtonStyle="glass"
|
secondaryButtonStyle="glass"
|
||||||
headingFontWeight="light"
|
headingFontWeight="semibold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home", id: "hero"},
|
{ name: "About", id: "about" },
|
||||||
{
|
{ name: "Academics", id: "features" },
|
||||||
name: "About", id: "about"},
|
{ name: "Contact", id: "contact" },
|
||||||
{
|
|
||||||
name: "Products", id: "products"},
|
|
||||||
{
|
|
||||||
name: "Contact", id: "contact"},
|
|
||||||
]}
|
]}
|
||||||
brandName="BrewMugs"
|
brandName="Kiran School"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroOverlay
|
<HeroOverlay
|
||||||
title="Start Your Morning with Artistry"
|
title="Inspiring Futures at Kiran School"
|
||||||
description="Discover our collection of handcrafted ceramic mugs, designed to bring warmth and elegance to every sip."
|
description="A nurturing educational environment dedicated to empowering the leaders of tomorrow through academic excellence and values-driven learning."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-clay-cup_23-2149644946.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/diverse-group-students-sitting-classroom_23-2148560127.jpg"
|
||||||
showBlur={true}
|
showBlur={true}
|
||||||
avatars={[
|
avatarText="Empowering 500+ students"
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg", alt: "Barista making coffee"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cozy-composition-with-cup-tea-books-knitted-element_169016-42672.jpg", alt: "Cozy tea composition"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46356.jpg", alt: "Handmade mug closeup"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg", alt: "Autumn cozy mug"},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/front-view-cup-with-hot-tea-breaks_23-2148375054.jpg", alt: "Tea break cup"},
|
|
||||||
]}
|
|
||||||
avatarText="Trusted by 10,000+ coffee lovers"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TextAbout
|
<TextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Crafted with Passion"
|
title="Building Foundations for Life"
|
||||||
tag="Our Philosophy"
|
tag="Our Mission"
|
||||||
tagIcon={Coffee}
|
tagIcon={GraduationCap}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -82,117 +66,33 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Premium Ceramic", description: "High-quality, durable clay fired to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-hot-drinks-while-camping-outdoors_23-2148704463.jpg", buttonIcon: CheckCircle,
|
title: "Holistic Curriculum", description: "Balanced approach to core academics, arts, and character development.", buttonIcon: BookOpen,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Microwave Safe", description: "Heat your favorite beverage without worry.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295824.jpg", buttonIcon: CheckCircle,
|
title: "Expert Faculty", description: "Passionate educators committed to individualized student growth.", buttonIcon: Users,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Ergonomic Grip", description: "Designed to fit comfortably in your hand.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013909.jpg", buttonIcon: CheckCircle,
|
title: "Modern Facilities", description: "Safe, innovative spaces designed to spark curiosity and creativity.", buttonIcon: CheckCircle,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Eco-Friendly", description: "Sustainable production for a greener home.", imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-happy-woman-holding-mug_23-2148717752.jpg", buttonIcon: CheckCircle,
|
title: "Community Spirit", description: "Building lifelong friendships in a supportive, inclusive environment.", buttonIcon: GraduationCap,
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Choose Our Mugs?"
|
title="What Makes Kiran School Unique?"
|
||||||
description="Engineered for comfort and designed for style, our mugs are the perfect companion for your daily brew."
|
description="We combine traditional values with modern teaching techniques to prepare students for a rapidly changing world."
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
|
||||||
<ProductCardThree
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="three-columns-all-equal-width"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "1", name: "Classic White", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/cozy-woman-holding-mug-taking-selfies_23-2148717773.jpg"},
|
|
||||||
{
|
|
||||||
id: "2", name: "Obsidian Black", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/front-tea-with-cookies_95678-244.jpg"},
|
|
||||||
{
|
|
||||||
id: "3", name: "Sky Blue", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/blue-cup-placed-snow_23-2148011904.jpg"},
|
|
||||||
{
|
|
||||||
id: "4", name: "Stone Grey", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/black-cup-full-with-organic-kumquats_114579-61618.jpg"},
|
|
||||||
{
|
|
||||||
id: "5", name: "Golden Hour", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-tea-cup-organic-background_23-2151775034.jpg"},
|
|
||||||
{
|
|
||||||
id: "6", name: "Terracotta", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/stack-earthtoned-bowls-simple-elegant-kitchen-decor_157027-4251.jpg"},
|
|
||||||
]}
|
|
||||||
title="Our Collection"
|
|
||||||
description="Choose your favorite design from our curated selection."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardEleven
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "m1", value: "10k+", title: "Happy Drinkers", description: "Mugs delivered across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-mug-copy-space_23-2148379690.jpg"},
|
|
||||||
{
|
|
||||||
id: "m2", value: "50+", title: "Unique Designs", description: "Variations created for your taste.", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg"},
|
|
||||||
{
|
|
||||||
id: "m3", value: "100%", title: "Satisfaction", description: "Guaranteed quality and care.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7150.jpg"},
|
|
||||||
]}
|
|
||||||
title="Mugs in Numbers"
|
|
||||||
description="The impact of our craft in your daily life."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
|
||||||
<TestimonialCardSix
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
testimonials={[
|
|
||||||
{
|
|
||||||
id: "t1", name: "Alice Smith", handle: "@alicesmith", testimonial: "The best mug I've ever owned. Perfectly balanced.", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg"},
|
|
||||||
{
|
|
||||||
id: "t2", name: "Bob Jones", handle: "@bobjones", testimonial: "Stunning design, holds heat like a charm.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg"},
|
|
||||||
{
|
|
||||||
id: "t3", name: "Charlie Day", handle: "@cday", testimonial: "My morning coffee has never felt more premium.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-getting-coffee-cup_23-2148389828.jpg"},
|
|
||||||
{
|
|
||||||
id: "t4", name: "Diana Prince", handle: "@diana", testimonial: "Great gift idea for any coffee lover.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-european-woman-with-dark-hair-wearing-white-t-shirt-drinking-coffee-morning-kitchen_291650-160.jpg"},
|
|
||||||
{
|
|
||||||
id: "t5", name: "Evan Wright", handle: "@ewright", testimonial: "Worth every penny for the quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling_23-2148665396.jpg"},
|
|
||||||
]}
|
|
||||||
title="Loved by Coffee Enthusiasts"
|
|
||||||
description="See why our customers love their morning ritual."
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
|
||||||
<FaqDouble
|
|
||||||
textboxLayout="default"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "q1", title: "Are these dishwasher safe?", content: "Yes, our mugs are safe to clean in the dishwasher."},
|
|
||||||
{
|
|
||||||
id: "q2", title: "Do you ship worldwide?", content: "We offer shipping to most countries globally."},
|
|
||||||
{
|
|
||||||
id: "q3", title: "What material is used?", content: "We use high-quality ceramic clay fired at high temperatures."},
|
|
||||||
]}
|
|
||||||
title="Frequently Asked Questions"
|
|
||||||
description="Everything you need to know about our products."
|
|
||||||
faqsAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain"}}
|
tag="Admissions"
|
||||||
tag="Get in touch"
|
title="Join Our Family"
|
||||||
title="Need Support?"
|
description="Begin your journey with Kiran School. We are accepting applications for the upcoming academic year."
|
||||||
description="Our team is here to help you find your perfect mug."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "Schedule a Visit", href: "#" },
|
||||||
text: "Contact Us", href: "#"},
|
{ text: "Apply Now", href: "#" }
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -200,27 +100,13 @@ export default function LandingPage() {
|
|||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{ items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
||||||
items: [
|
{ items: [{ label: "Academics", href: "#features" }, { label: "Admissions", href: "#contact" }] },
|
||||||
{
|
|
||||||
label: "Home", href: "#hero"},
|
|
||||||
{
|
|
||||||
label: "About", href: "#about"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Products", href: "#products"},
|
|
||||||
{
|
|
||||||
label: "Contact", href: "#contact"},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoText="BrewMugs"
|
logoText="Kiran School"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user