Update src/app/page.tsx
This commit is contained in:
120
src/app/page.tsx
120
src/app/page.tsx
@@ -11,6 +11,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextNumberCount from '@/components/text/TextNumberCount';
|
||||
import { History, Zap, Award, Smile, Layers } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -31,14 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "History", id: "about"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "History", id: "about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Coca-Cola"
|
||||
/>
|
||||
@@ -46,49 +43,33 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Taste the Feeling"
|
||||
description="Experience the crisp, refreshing taste of Coca-Cola, the world's most iconic beverage that brings people together with every sip."
|
||||
kpis={[
|
||||
{
|
||||
value: "135+", label: "Years Refreshing"},
|
||||
{
|
||||
value: "200+", label: "Countries Served"},
|
||||
{
|
||||
value: "1.9B", label: "Daily Servings"},
|
||||
{ value: "135+", label: "Years Refreshing" },
|
||||
{ value: "200+", label: "Countries Served" },
|
||||
{ value: "1.9B", label: "Daily Servings" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beer-glass_23-2148098765.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg", alt: "Fan 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg", alt: "Fan 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg", alt: "Fan 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg", alt: "Fan 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg", alt: "Fan 5"},
|
||||
]}
|
||||
avatarText="Loved by millions worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Refreshment"},
|
||||
{
|
||||
type: "text", text: "Quality"},
|
||||
{
|
||||
type: "text", text: "Heritage"},
|
||||
{
|
||||
type: "text", text: "Iconic"},
|
||||
{
|
||||
type: "text", text: "Classic"},
|
||||
{ type: "text", text: "Refreshment" },
|
||||
{ type: "text", text: "Quality" },
|
||||
{ type: "text", text: "Heritage" },
|
||||
{ type: "text", text: "Iconic" },
|
||||
{ type: "text", text: "Classic" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="counter" data-section="counter" className="py-12 flex flex-col items-center justify-center bg-card">
|
||||
<h3 className="text-lg font-medium mb-4">Website Visitors</h3>
|
||||
<TextNumberCount value={125000} startFrom={1} duration={3} className="text-4xl font-bold" />
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
@@ -107,18 +88,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Crisp Refreshment", description: "The perfect balance of carbonation and secret flavor.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cola-glass_1339-6224.jpg", buttonIcon: Zap,
|
||||
},
|
||||
{
|
||||
title: "Iconic Quality", description: "Consistently delicious in every single bottle.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", buttonIcon: Award,
|
||||
},
|
||||
{
|
||||
title: "Global Moments", description: "The center of celebrations across the world.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-holding-sangria-drinks_23-2149426410.jpg", buttonIcon: Smile,
|
||||
},
|
||||
{
|
||||
title: "Diverse Options", description: "From Classic to Zero Sugar, something for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/natural-smoothies-table_23-2148527351.jpg", buttonIcon: Layers,
|
||||
},
|
||||
{ title: "Crisp Refreshment", description: "The perfect balance of carbonation and secret flavor.", imageSrc: "http://img.b2bpic.net/free-photo/ice-cola-glass_1339-6224.jpg", buttonIcon: Zap },
|
||||
{ title: "Iconic Quality", description: "Consistently delicious in every single bottle.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cold-drink-cola-with-ice-cubes_1150-26260.jpg", buttonIcon: Award },
|
||||
{ title: "Global Moments", description: "The center of celebrations across the world.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-holding-sangria-drinks_23-2149426410.jpg", buttonIcon: Smile },
|
||||
{ title: "Diverse Options", description: "From Classic to Zero Sugar, something for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/natural-smoothies-table_23-2148527351.jpg", buttonIcon: Layers },
|
||||
]}
|
||||
title="Why Choose Coca-Cola?"
|
||||
description="Discover the refreshing qualities that make Coca-Cola the preferred choice for millions worldwide."
|
||||
@@ -132,18 +105,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Classic Coke", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle_1339-1645.jpg"},
|
||||
{
|
||||
id: "2", name: "Coke Zero Sugar", price: "Zero Sugar", imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-30493.jpg"},
|
||||
{
|
||||
id: "3", name: "Cherry Coke", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/side-view-small-sour-red-cornel-berries-bucket-wooden-kitchen-board-with-cornel-berry-juice-blackthorn-grey-wooden-background_141793-49526.jpg"},
|
||||
{
|
||||
id: "4", name: "Diet Coke", price: "Light", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soft-drink-bottle_1339-711.jpg"},
|
||||
{
|
||||
id: "5", name: "Vanilla Coke", price: "Flavor", imageSrc: "http://img.b2bpic.net/free-photo/assortment-fruit-juices-black-background_23-2148227508.jpg"},
|
||||
{
|
||||
id: "6", name: "Lime Coke", price: "Flavor", imageSrc: "http://img.b2bpic.net/free-photo/front-view-black-orange-green-juice-bottles_140725-99673.jpg"},
|
||||
{ id: "1", name: "Classic Coke", price: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/juice-bottle_1339-1645.jpg" },
|
||||
{ id: "2", name: "Coke Zero Sugar", price: "Zero Sugar", imageSrc: "http://img.b2bpic.net/free-photo/fizzy-cola-drink-macro-shot_53876-30493.jpg" },
|
||||
{ id: "3", name: "Cherry Coke", price: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/side-view-small-sour-red-cornel-berries-bucket-wooden-kitchen-board-with-cornel-berry-juice-blackthorn-grey-wooden-background_141793-49526.jpg" },
|
||||
{ id: "4", name: "Diet Coke", price: "Light", imageSrc: "http://img.b2bpic.net/free-photo/sweet-soft-drink-bottle_1339-711.jpg" },
|
||||
]}
|
||||
title="Our Signature Beverages"
|
||||
description="Explore the full family of refreshing Coca-Cola drinks."
|
||||
@@ -156,16 +121,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex R.", handle: "@alexr", testimonial: "Nothing beats an ice-cold Coke on a hot summer day. Pure bliss!", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg"},
|
||||
{
|
||||
id: "2", name: "Maya S.", handle: "@mayas", testimonial: "I love the variety, especially the Zero Sugar option. Perfect choice.", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg"},
|
||||
{
|
||||
id: "3", name: "John D.", handle: "@johnd", testimonial: "Coca-Cola is a tradition in our family. Always there for celebrations.", imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{
|
||||
id: "4", name: "Sarah K.", handle: "@sarahk", testimonial: "The refreshing taste is consistent every time. Simply the best.", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-woman-having-guarana-drink-outdoors_23-2150765625.jpg"},
|
||||
{
|
||||
id: "5", name: "Chris B.", handle: "@chrisb", testimonial: "Sharing a bottle with friends makes every moment special.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-girls-holding-soda-bottles_23-2148720184.jpg"},
|
||||
{ id: "1", name: "Alex R.", handle: "@alexr", testimonial: "Nothing beats an ice-cold Coke on a hot summer day. Pure bliss!", imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-kombucha_52683-109287.jpg" },
|
||||
{ id: "2", name: "Maya S.", handle: "@mayas", testimonial: "I love the variety, especially the Zero Sugar option. Perfect choice.", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-drinking-from-thermos_23-2147813961.jpg" },
|
||||
]}
|
||||
title="What Fans Are Saying"
|
||||
description="Hear from our loyal fans about the magic of sharing a Coke."
|
||||
@@ -176,12 +133,8 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Are there different sizes available?", content: "Yes, from individual cans to family-sized bottles."},
|
||||
{
|
||||
id: "f2", title: "Where can I buy Coca-Cola?", content: "Available in most grocery stores and retailers worldwide."},
|
||||
{
|
||||
id: "f3", title: "What's the best way to serve?", content: "Ice-cold is recommended for the best refreshing experience."},
|
||||
{ id: "f1", title: "Are there different sizes available?", content: "Yes, from individual cans to family-sized bottles." },
|
||||
{ id: "f2", title: "Where can I buy Coca-Cola?", content: "Available in most grocery stores and retailers worldwide." },
|
||||
]}
|
||||
sideTitle="Commonly Asked"
|
||||
sideDescription="Everything you need to know about your favorite drink."
|
||||
@@ -192,8 +145,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Our Circle"
|
||||
title="Stay Refreshed"
|
||||
description="Sign up for news, offers, and more from the Coca-Cola family."
|
||||
@@ -205,13 +157,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Coca-Cola"
|
||||
leftLink={{
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
leftLink={{ text: "Terms of Service", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user