Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9c1ade34f1 | |||
| adfed56e0c | |||
| ed081fac07 | |||
| 8b4bb4bd52 | |||
| 04878b88c3 | |||
| 80d161f50d | |||
| db9ebfeb3c | |||
| 40854a1f7c | |||
| a44f6cc5ec | |||
| 298b01f82a |
225
src/app/page.tsx
225
src/app/page.tsx
@@ -11,7 +11,7 @@ import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatin
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, MapPin, Shield, Star, Truck, Zap } from "lucide-react";
|
||||
import { Zap, Shield, Coffee, Mail, MapPin } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,16 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Flavors", id: "flavors"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Flavors", id: "flavors" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IZEM"
|
||||
/>
|
||||
@@ -49,58 +44,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Unleash the IZEM Energy"
|
||||
description="Experience the fusion of premium coffee and chocolate energy in every drop. Crafted by Ifri for those who live life in the fast lane."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex R.", handle: "@alexr", testimonial: "The best energy drink I've ever had. Pure focus.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Sarah K.", handle: "@sk_fit", testimonial: "Coffee and chocolate vibe is unparalleled. Absolute luxury.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098747-2suwp4gz.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Marcus D.", handle: "@md_gaming", testimonial: "Perfect for late night gaming. No crash.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coffee-plantation-labels-template_23-2149408529.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Lisa M.", handle: "@lisam", testimonial: "Tastes like a premium dessert with an energy boost.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627916.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "John B.", handle: "@johnb", testimonial: "Ifri really nailed this flavor profile.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-design_24908-54633.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
{ name: "Alex R.", handle: "@alexr", testimonial: "The best energy drink I've ever had. Pure focus.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=1", imageAlt: "User provided image" },
|
||||
{ name: "Sarah K.", handle: "@sk_fit", testimonial: "Coffee and chocolate vibe is unparalleled. Absolute luxury.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098747-2suwp4gz.png?_wi=1", imageAlt: "User provided image" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=2"
|
||||
buttons={[{ text: "Shop Now", href: "#products" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778821078540-y2po7dcc.png"
|
||||
imageAlt="IZEM Energy Can Premium Render"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-emotions-lifestyle-leisure-concept-joyful-upbeat-dark-skinned-female-model-dances-with-hands-up-has-fun-partying-moves-with-rhythm-music-has-happy-smile-isolated-blue-wall_273609-39461.jpg", alt: "Customer profile 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-jumping-against-brick-wall-wearing-headset_23-2148204604.jpg", alt: "Customer profile 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-headphones-jumping_23-2148925691.jpg", alt: "Customer profile 3"},
|
||||
{
|
||||
src: "gen-stock-rsv-15", alt: "Customer profile 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brunette-businesswoman-celebrating_23-2148142844.jpg", alt: "Customer profile 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Premium Ingredients"},
|
||||
{
|
||||
type: "text", text: "Natural Caffeine"},
|
||||
{
|
||||
type: "text", text: "Luxury Taste"},
|
||||
{
|
||||
type: "text", text: "Energy Boost"},
|
||||
{
|
||||
type: "text", text: "Ifri Crafted"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,24 +65,8 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "IZEM", name: "Coffee Chocolate Original", price: "$3.99", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=3"},
|
||||
{
|
||||
id: "2", brand: "IZEM", name: "Limited Edition Gold", price: "$4.99", rating: 5,
|
||||
reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098747-2suwp4gz.png?_wi=2"},
|
||||
{
|
||||
id: "3", brand: "IZEM", name: "Pure Caffeine Boost", price: "$3.50", rating: 4,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coffee-plantation-labels-template_23-2149408529.jpg?_wi=2"},
|
||||
{
|
||||
id: "4", brand: "IZEM", name: "Iced Mocha Infusion", price: "$4.20", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627916.jpg?_wi=2"},
|
||||
{
|
||||
id: "5", brand: "IZEM", name: "Dark Roast Energy", price: "$3.80", rating: 5,
|
||||
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-vector/delivery-design_24908-54633.jpg?_wi=2"},
|
||||
{
|
||||
id: "6", brand: "IZEM", name: "Triple Shot Choco", price: "$5.50", rating: 5,
|
||||
reviewCount: "400", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-having-fun_23-2148604277.jpg"},
|
||||
{ id: "1", brand: "IZEM", name: "Coffee Chocolate Original", price: "$3.99", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=3" },
|
||||
{ id: "2", brand: "IZEM", name: "Limited Edition Gold", price: "$4.99", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098747-2suwp4gz.png?_wi=2" },
|
||||
]}
|
||||
title="Limited Edition Collections"
|
||||
description="Discover our signature coffee and chocolate blends, designed for elite performance."
|
||||
@@ -141,45 +79,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Natural Caffeine", description: "Derived from natural sources for a clean, sustained energy boost.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coffee-plantation-labels-template_23-2149408529.jpg?_wi=3", imageAlt: "Caffeine"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Clean Focus"},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "No Jitter"},
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Premium Ingredients", description: "Only the finest coffee beans and organic chocolate extracts.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-light-painting-dark_23-2149627916.jpg?_wi=3", imageAlt: "Ingredients"},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "Organic"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Premium"},
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Algeria-wide Delivery", description: "Delivering across all cities with premium speed and care.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-design_24908-54633.jpg?_wi=3", imageAlt: "Delivery"},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Fast Shipping"},
|
||||
{
|
||||
icon: MapPin,
|
||||
text: "National Reach"},
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{ title: "Natural Caffeine", description: "Derived from natural sources for a clean, sustained energy boost.", media: { imageSrc: "http://img.b2bpic.net/free-vector/flat-design-coffee-plantation-labels-template_23-2149408529.jpg?_wi=3" }, items: [{ icon: Zap, text: "Clean Focus" }, { icon: Shield, text: "No Jitter" }], reverse: false },
|
||||
]}
|
||||
title="Science of Energy"
|
||||
description="Natural extract, premium ingredients, and a revolutionary energy profile."
|
||||
@@ -192,18 +92,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic", badge: "Essential", price: "$29/mo", subtitle: "12 cans delivered", features: [
|
||||
"12-can pack", "Free shipping", "Exclusive news"],
|
||||
},
|
||||
{
|
||||
id: "pro", badge: "Elite", price: "$49/mo", subtitle: "24 cans delivered", features: [
|
||||
"24-can pack", "Free shipping", "Priority support", "Early access"],
|
||||
},
|
||||
{
|
||||
id: "vip", badge: "Power", price: "$89/mo", subtitle: "48 cans delivered", features: [
|
||||
"48-can pack", "Free shipping", "Priority support", "Limited editions", "Member events"],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$29/mo", subtitle: "12 cans delivered", features: ["12-can pack", "Free shipping"] },
|
||||
]}
|
||||
title="Monthly Subscription"
|
||||
description="Get IZEM delivered to your door every month and save 20%."
|
||||
@@ -213,21 +102,10 @@ export default function LandingPage() {
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="The energy boost is perfectly balanced. Tastes like a luxury espresso, performs like a powerhouse."
|
||||
testimonial="IZEM has completely replaced my morning coffee. The sustained focus without the crash is a game changer for my workdays."
|
||||
rating={5}
|
||||
author="Yasmine K."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-having-fun_23-2148604277.jpg", alt: "Yasmine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-gesturing-strong-isolated-white_141793-84106.jpg", alt: "Yasmine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-crazy-sports-man-happy-expression_1194-1250.jpg", alt: "Yasmine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-with-closed-eyes-young-handsome-guy-wearing-red-shirt-glasses-showing-yes-gesture-isolated-green-wall_141793-86953.jpg", alt: "Yasmine"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-longboard-dark-room_158595-2842.jpg", alt: "Yasmine"},
|
||||
]}
|
||||
author="Marcus Thorne, Software Architect"
|
||||
avatars={[{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098747-2suwp4gz.png?_wi=1", alt: "Customer" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
@@ -238,17 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "Is IZEM caffeine natural?", content: "Yes, it is derived from natural coffee extracts."},
|
||||
{
|
||||
id: "2", title: "How long does shipping take?", content: "Typically 2-3 business days across Algeria."},
|
||||
{
|
||||
id: "3", title: "Can I cancel my subscription?", content: "Yes, anytime via the customer dashboard."},
|
||||
{
|
||||
id: "4", title: "Does it have sugar?", content: "We offer sugar-free and original variants."},
|
||||
{ id: "1", title: "What makes IZEM different?", content: "IZEM combines high-grade coffee extract with rich cocoa antioxidants for a smoother energy delivery system." },
|
||||
{ id: "2", title: "Is it suitable for daily use?", content: "Yes, our natural caffeine profile is designed for sustainable daily consumption without the jitters." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about IZEM Energy."
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about IZEM Energy by Ifri."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -256,11 +128,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Contact"
|
||||
title="Get In Touch"
|
||||
description="Have questions or distributor queries? Reach out to our team."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Connect"
|
||||
title="Partner With Us"
|
||||
description="Whether you are looking to become a retail partner or have bulk inquiries, we are ready to fuel your business."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DkIxX8cDA69KHv2NLWrsQvirvR/uploaded-1778820098746-uavj53z2.png?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -269,36 +140,26 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Tracking", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "IZEM Energy",
|
||||
items: [
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Careers", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{ label: "Wholesale Portal", href: "#contact" },
|
||||
{ label: "Sustainability", href: "#flavors" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2024 IZEM Energy by Ifri. All Rights Reserved."
|
||||
bottomRightText="Crafted with precision."
|
||||
bottomLeftText="© 2025 IZEM Energy by Ifri. All Rights Reserved."
|
||||
bottomRightText="Fueling the future, one drop at a time."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user