Merge version_1 into main #1
129
src/app/page.tsx
129
src/app/page.tsx
@@ -28,25 +28,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "HOME",
|
||||
id: "/",
|
||||
},
|
||||
name: "HOME", id: "/"},
|
||||
{
|
||||
name: "PRODUCTS",
|
||||
id: "/products",
|
||||
},
|
||||
name: "PRODUCTS", id: "/products"},
|
||||
{
|
||||
name: "BRANDS",
|
||||
id: "/brands",
|
||||
},
|
||||
name: "BRANDS", id: "/brands"},
|
||||
{
|
||||
name: "BLOG",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "BLOG", id: "/blog"},
|
||||
{
|
||||
name: "ABOUT",
|
||||
id: "/about",
|
||||
},
|
||||
name: "ABOUT", id: "/about"},
|
||||
]}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EFl7m0TBI9QNUDGpjrnTtwhhQT/uploaded-1779782666045-aovb1758.png"
|
||||
logoAlt="GR Nutrition logo"
|
||||
@@ -55,46 +45,33 @@ export default function LandingPage() {
|
||||
bottomRightText="hello@grnutrition.com"
|
||||
topBarClassName="bg-[#0A0A0A]"
|
||||
button={{
|
||||
text: "LOGIN",
|
||||
href: "/auth/login",
|
||||
}}
|
||||
text: "LOGIN", href: "/auth/login"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="FUEL YOUR BEAST MODE"
|
||||
description="Premium protein supplements for serious athletes. Lab tested. 100% authentic."
|
||||
kpis={[
|
||||
{
|
||||
value: "✅",
|
||||
label: "AUTHENTIC",
|
||||
},
|
||||
value: "✅", label: "AUTHENTIC"},
|
||||
{
|
||||
value: "🧪",
|
||||
label: "LAB TESTED",
|
||||
},
|
||||
value: "🧪", label: "LAB TESTED"},
|
||||
{
|
||||
value: "🚚",
|
||||
label: "FREE DELIVERY ₹999+",
|
||||
},
|
||||
value: "🚚", label: "FREE DELIVERY ₹999+"},
|
||||
]}
|
||||
enableKpiAnimation={false}
|
||||
tag="★★★"
|
||||
tagAnimation="none"
|
||||
buttons={[
|
||||
{
|
||||
text: "SHOP NOW",
|
||||
href: "/products",
|
||||
},
|
||||
text: "SHOP NOW", href: "/products"},
|
||||
{
|
||||
text: "VIEW DEALS",
|
||||
href: "/products?deals=true",
|
||||
},
|
||||
text: "VIEW DEALS", href: "/products?deals=true"},
|
||||
]}
|
||||
buttonAnimation="none"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/protein-gym_23-2151980043.jpg"
|
||||
@@ -105,27 +82,19 @@ export default function LandingPage() {
|
||||
kpiLabelClassName="text-white text-sm uppercase"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "FREE DELIVERY ABOVE ₹999",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "FREE DELIVERY ABOVE ₹999", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "100% AUTHENTIC PRODUCTS",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "100% AUTHENTIC PRODUCTS", icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "3RD PARTY LAB TESTED",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "3RD PARTY LAB TESTED", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "10,000+ HAPPY CUSTOMERS",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "10,000+ HAPPY CUSTOMERS", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
type: "text-icon", text: "JOIN OUR COMMUNITY", icon: Star
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
@@ -144,53 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "cat-whey",
|
||||
name: "WHEY PROTEIN",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-glass-bowl-flour-marble_114579-31397.jpg",
|
||||
imageAlt: "Whey Protein category",
|
||||
},
|
||||
id: "cat-whey", name: "WHEY PROTEIN", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/woman-hand-holding-glass-bowl-flour-marble_114579-31397.jpg", imageAlt: "Whey Protein category"},
|
||||
{
|
||||
id: "cat-mass-gainer",
|
||||
name: "MASS GAINER",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kettlebell-heavy-weight-lifting-icon_53876-14662.jpg",
|
||||
imageAlt: "Mass Gainer category",
|
||||
},
|
||||
id: "cat-mass-gainer", name: "MASS GAINER", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/kettlebell-heavy-weight-lifting-icon_53876-14662.jpg", imageAlt: "Mass Gainer category"},
|
||||
{
|
||||
id: "cat-plant-protein",
|
||||
name: "PLANT PROTEIN",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-glass-water-waist-measure-green-background-color-health-body-workout-woman-athlete-sport_140725-155901.jpg",
|
||||
imageAlt: "Plant Protein category",
|
||||
},
|
||||
id: "cat-plant-protein", name: "PLANT PROTEIN", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-with-glass-water-waist-measure-green-background-color-health-body-workout-woman-athlete-sport_140725-155901.jpg", imageAlt: "Plant Protein category"},
|
||||
{
|
||||
id: "cat-creatine",
|
||||
name: "CREATINE",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-plastic-medicine-jar-with-blue-lid-vector_1308-183656.jpg",
|
||||
imageAlt: "Creatine category",
|
||||
},
|
||||
id: "cat-creatine", name: "CREATINE", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/empty-plastic-medicine-jar-with-blue-lid-vector_1308-183656.jpg", imageAlt: "Creatine category"},
|
||||
{
|
||||
id: "cat-vitamins",
|
||||
name: "VITAMINS",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-colorful-candies-blue-background-with-copy-space_23-2148617430.jpg",
|
||||
imageAlt: "Vitamins category",
|
||||
},
|
||||
id: "cat-vitamins", name: "VITAMINS", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-colorful-candies-blue-background-with-copy-space_23-2148617430.jpg", imageAlt: "Vitamins category"},
|
||||
{
|
||||
id: "cat-accessories",
|
||||
name: "ACCESSORIES",
|
||||
price: "EXPLORE →",
|
||||
variant: "category",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-assortment-flat-lay_23-2149872101.jpg",
|
||||
imageAlt: "Accessories category",
|
||||
},
|
||||
id: "cat-accessories", name: "ACCESSORIES", price: "EXPLORE →", variant: "category", imageSrc: "http://img.b2bpic.net/free-photo/sport-equipment-assortment-flat-lay_23-2149872101.jpg", imageAlt: "Accessories category"},
|
||||
]}
|
||||
title="★ SHOP BY CATEGORY ★"
|
||||
description="Explore our wide range of premium supplements."
|
||||
@@ -208,13 +141,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-1",
|
||||
name: "ON GOLD STANDARD WHEY",
|
||||
price: "₹4,199",
|
||||
variant: "Chocolate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-with-pills_23-2148109017.jpg",
|
||||
imageAlt: "ON Gold Standard Whey",
|
||||
},
|
||||
id: "product-1", name: "ON GOLD STANDARD WHEY", price: "₹4,199", variant: "Chocolate", imageSrc: "http://img.b2bpic.net/free-photo/medical-treatment-with-pills_23-2148109017.jpg", imageAlt: "ON Gold Standard Whey"},
|
||||
]}
|
||||
title="BEST SELLERS"
|
||||
description="Athlete favorites, consistently delivering results."
|
||||
@@ -227,6 +154,8 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="FEATURED PRODUCT"
|
||||
description="Discover our top-rated protein supplement."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -236,6 +165,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="WHY CHOOSE US?"
|
||||
description="Experience the GR NUTRITION difference."
|
||||
features={[
|
||||
{ icon: Star, title: "Premium Quality", description: "Only the best ingredients." },
|
||||
{ icon: CheckCircle, title: "Fast Shipping", description: "Get your gains quickly." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user