Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -29,67 +29,28 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Join Us",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Experience", id: "features" },
|
||||
{ name: "Join Us", id: "contact" },
|
||||
]}
|
||||
brandName="Coca-Cola"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Open Refreshment"
|
||||
description="Experience the classic taste in full 3D. Our iconic red design evolved for the modern era."
|
||||
buttons={[
|
||||
{
|
||||
text: "Discover Now",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Discover Now", href: "#features" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beverage-can_52683-144132.jpg?_wi=1",
|
||||
imageAlt: "Coca-Cola can 3d render",
|
||||
},
|
||||
{
|
||||
id: "slide-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-anniversary_23-2148339658.jpg?_wi=1",
|
||||
imageAlt: "Soda can condensation macro",
|
||||
},
|
||||
{
|
||||
id: "slide-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-nail-polish-texture-detail_23-2149161893.jpg",
|
||||
imageAlt: "Fizzy drink bubbles 3d",
|
||||
},
|
||||
{
|
||||
id: "slide-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-square-podium-placing-products-3d-background_56104-2517.jpg?_wi=1",
|
||||
imageAlt: "Dark studio product stage",
|
||||
},
|
||||
{
|
||||
id: "slide-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-apple-arrangement_23-2150928884.jpg?_wi=1",
|
||||
imageAlt: "Floating soda can 3d",
|
||||
},
|
||||
{
|
||||
id: "slide-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-soda-with-lemon-slices-ice-cubes-blue-photo-champagne-water-cocktail-lemonade_140725-93022.jpg",
|
||||
imageAlt: "Refreshing ice and soda",
|
||||
},
|
||||
{ id: "slide-1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beverage-can_52683-144132.jpg", imageAlt: "Coca-Cola can 3d render" },
|
||||
{ id: "slide-2", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-anniversary_23-2148339658.jpg", imageAlt: "Soda can condensation macro" },
|
||||
{ id: "slide-3", imageSrc: "http://img.b2bpic.net/free-photo/abstract-nail-polish-texture-detail_23-2149161893.jpg", imageAlt: "Fizzy drink bubbles 3d" },
|
||||
{ id: "slide-4", imageSrc: "http://img.b2bpic.net/free-photo/black-square-podium-placing-products-3d-background_56104-2517.jpg", imageAlt: "Dark studio product stage" },
|
||||
{ id: "slide-5", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-apple-arrangement_23-2150928884.jpg", imageAlt: "Floating soda can 3d" },
|
||||
{ id: "slide-6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-soda-with-lemon-slices-ice-cubes-blue-photo-champagne-water-cocktail-lemonade_140725-93022.jpg", imageAlt: "Refreshing ice and soda" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,21 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Refreshing Fizz",
|
||||
description: "Crafted with perfect carbonation for that crisp bite every time.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Timeless Energy",
|
||||
description: "Fuel your day with the taste that has defined generations.",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Pure Quality",
|
||||
description: "Made with the highest quality ingredients for unparalleled taste.",
|
||||
},
|
||||
{ icon: Sparkles, title: "Refreshing Fizz", description: "Crafted with perfect carbonation for that crisp bite every time." },
|
||||
{ icon: Zap, title: "Timeless Energy", description: "Fuel your day with the taste that has defined generations." },
|
||||
{ icon: Shield, title: "Pure Quality", description: "Made with the highest quality ingredients for unparalleled taste." },
|
||||
]}
|
||||
title="Iconic Experience"
|
||||
description="Built for those who demand the perfect fizz."
|
||||
@@ -130,34 +79,10 @@ export default function LandingPage() {
|
||||
title="Our Collection"
|
||||
description="Explore our range of refreshing options designed for every moment."
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Original",
|
||||
price: "$2.50",
|
||||
variant: "330ml Can",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beverage-can_52683-144132.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Zero Sugar",
|
||||
price: "$2.50",
|
||||
variant: "330ml Can",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-apple-arrangement_23-2150928884.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Cherry Edition",
|
||||
price: "$2.75",
|
||||
variant: "330ml Can",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-anniversary_23-2148339658.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vanilla Flavor",
|
||||
price: "$2.75",
|
||||
variant: "330ml Can",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-square-podium-placing-products-3d-background_56104-2517.jpg?_wi=2",
|
||||
},
|
||||
{ id: "p1", name: "Classic Original", price: "$2.50", variant: "330ml Can", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beverage-can_52683-144132.jpg" },
|
||||
{ id: "p2", name: "Zero Sugar", price: "$2.50", variant: "330ml Can", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-drink-with-apple-arrangement_23-2150928884.jpg" },
|
||||
{ id: "p3", name: "Cherry Edition", price: "$2.75", variant: "330ml Can", imageSrc: "http://img.b2bpic.net/free-photo/champagne-bubbles-sparkles-new-year-anniversary_23-2148339658.jpg" },
|
||||
{ id: "p4", name: "Vanilla Flavor", price: "$2.75", variant: "330ml Can", imageSrc: "http://img.b2bpic.net/free-photo/black-square-podium-placing-products-3d-background_56104-2517.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -170,21 +95,9 @@ export default function LandingPage() {
|
||||
description="Everything you need to know about our signature beverages."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Where can I buy online?",
|
||||
content: "You can find our products at major retailers and authorized online stores.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What makes it unique?",
|
||||
content: "Our secret recipe has been refined over a century to ensure the perfect taste profile.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is it gluten-free?",
|
||||
content: "Yes, all our standard beverages are gluten-free.",
|
||||
},
|
||||
{ id: "f1", title: "Where can I buy online?", content: "You can find our products at major retailers and authorized online stores." },
|
||||
{ id: "f2", title: "What makes it unique?", content: "Our secret recipe has been refined over a century to ensure the perfect taste profile." },
|
||||
{ id: "f3", title: "Is it gluten-free?", content: "Yes, all our standard beverages are gluten-free." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -192,32 +105,19 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Connected"
|
||||
title="Ready for a Taste?"
|
||||
description="Join our community and get exclusive updates on limited edition drops."
|
||||
buttons={[
|
||||
{
|
||||
text: "Sign Up",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Sign Up", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Coca-Cola"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user