Merge version_2 into main #2
@@ -10,7 +10,7 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { Award, CheckCircle, Heart, HelpCircle, Sparkles, Star, TrendingUp, Zap } from 'lucide-react';
|
||||
import { Award, CheckCircle, Heart, HelpCircle, Sparkles, Star, TrendingUp, Zap, ShoppingCart } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,7 +32,8 @@ export default function LandingPage() {
|
||||
navItems={[
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Store", id: "/store" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
animateOnLoad={true}
|
||||
@@ -144,7 +145,7 @@ export default function LandingPage() {
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "View All Products", href: "#" }]}
|
||||
buttons={[{ text: "View All Products", href: "/store" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
96
src/app/store/page.tsx
Normal file
96
src/app/store/page.tsx
Normal file
@@ -0,0 +1,96 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import { ShoppingCart, Zap } from 'lucide-react';
|
||||
|
||||
export default function StorePage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="LIORA"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Shop", id: "/store" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonials" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "#products" }}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products" className="pt-20">
|
||||
<ProductCardThree
|
||||
title="LIORA Complete Collection"
|
||||
description="Explore our full range of premium makeup products"
|
||||
tag="Shop All"
|
||||
tagIcon={ShoppingCart}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="bento-grid"
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Luxury Velvet Lipstick - Crimson Allure", price: "$42.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-red-lipstick-isolated-white-background_53876-65275.jpg?_wi=2", imageAlt: "Crimson Allure lipstick", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", name: "Flawless Foundation - Porcelain Silk", price: "$56.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-foundation-containers-arrangement_23-2149705554.jpg?_wi=2", imageAlt: "Porcelain Silk foundation", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "Prismatic Eyeshadow Palette - 12 Shades", price: "$48.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-make-up-elements-wooden-table_482257-26975.jpg?_wi=2", imageAlt: "Prismatic eyeshadow palette", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4", name: "Velvet Blush - Rose Garden", price: "$38.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-red-lipstick-isolated-white-background_53876-65275.jpg?_wi=2", imageAlt: "Rose Garden blush", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "5", name: "Perfect Brow Pencil - Deep Brown", price: "$24.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-foundation-containers-arrangement_23-2149705554.jpg?_wi=2", imageAlt: "Deep Brown brow pencil", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "6", name: "Mascara Supreme - Black Silk", price: "$32.00", imageSrc: "http://img.b2bpic.net/free-photo/cosmetics-make-up-elements-wooden-table_482257-26975.jpg?_wi=2", imageAlt: "Black Silk mascara", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "7", name: "Gloss Luxe - Nude Pearl", price: "$28.00", imageSrc: "http://img.b2bpic.net/free-photo/closeup-red-lipstick-isolated-white-background_53876-65275.jpg?_wi=2", imageAlt: "Nude Pearl gloss", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "8", name: "Concealer Perfection - Fair", price: "$34.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-foundation-containers-arrangement_23-2149705554.jpg?_wi=2", imageAlt: "Fair concealer", initialQuantity: 1,
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
buttons={[{ text: "Continue Shopping", href: "/store" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="LIORA"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user