Update src/app/page.tsx
This commit is contained in:
152
src/app/page.tsx
152
src/app/page.tsx
@@ -4,11 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,21 +28,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Story",
|
||||
id: "about",
|
||||
},
|
||||
name: "Story", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="Aesthetic Accents"
|
||||
/>
|
||||
@@ -52,19 +43,14 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Accessories That Make You Smile"
|
||||
description="Curated pieces to brighten your day and elevate your aesthetic. Discover our latest collection of cute, hand-picked finds."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Our Story", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-miniature-candlesticks-candles-home-decor-comfort-concept_169016-9653.jpg"
|
||||
imageAlt="Collection of aesthetic pastel accessories"
|
||||
@@ -79,41 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Dreamy Butterfly Clips",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-butterflies-studio_23-2151010774.jpg",
|
||||
},
|
||||
id: "1", name: "Dreamy Butterfly Clips", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-butterflies-studio_23-2151010774.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dainty Gold Stacking Rings",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-with-ornaments_23-2148098777.jpg",
|
||||
},
|
||||
id: "2", name: "Dainty Gold Stacking Rings", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/wedding-rings-with-ornaments_23-2148098777.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Soft Pastel Shopper",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-covid19-protection-new-normal_53876-176902.jpg",
|
||||
},
|
||||
id: "3", name: "Soft Pastel Shopper", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/essential-covid19-protection-new-normal_53876-176902.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Beaded Phone Charm",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/keyboard-near-smartphone-bracelets-computer-mouse-biscuits-plate_23-2148040502.jpg",
|
||||
},
|
||||
id: "4", name: "Beaded Phone Charm", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/keyboard-near-smartphone-bracelets-computer-mouse-biscuits-plate_23-2148040502.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Essential Pastel Pouch",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-pink-bag_23-2149764851.jpg",
|
||||
},
|
||||
id: "5", name: "Essential Pastel Pouch", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-pink-bag_23-2149764851.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Heart Sticker Sheet",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-rose-flower_23-2150104295.jpg",
|
||||
},
|
||||
id: "6", name: "Heart Sticker Sheet", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/still-life-burnt-paper-with-rose-flower_23-2150104295.jpg"},
|
||||
]}
|
||||
title="Just Added"
|
||||
description="The latest aesthetic arrivals to keep your style fresh and cute."
|
||||
@@ -128,17 +90,11 @@ export default function LandingPage() {
|
||||
description="At Aesthetic Accents, we believe that small details have the biggest impact. We source the most adorable accessories that bring joy to your everyday routine."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Curated with Love",
|
||||
description: "Every single item is hand-selected to meet our high standards of cuteness.",
|
||||
},
|
||||
title: "Curated with Love", description: "Every single item is hand-selected to meet our high standards of cuteness."},
|
||||
{
|
||||
title: "Aesthetic Driven",
|
||||
description: "We focus on clean, dreamy, and trendy styles that fit your aesthetic.",
|
||||
},
|
||||
title: "Aesthetic Driven", description: "We focus on clean, dreamy, and trendy styles that fit your aesthetic."},
|
||||
{
|
||||
title: "Quality Assured",
|
||||
description: "High-quality materials ensure your favorites stay beautiful as long as possible.",
|
||||
},
|
||||
title: "Quality Assured", description: "High-quality materials ensure your favorites stay beautiful as long as possible."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-interior-design-with-many-plants_23-2149155749.jpg"
|
||||
imageAlt="Aesthetic accessory store owner"
|
||||
@@ -153,92 +109,52 @@ export default function LandingPage() {
|
||||
author="Maya S."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-african-american-female-with-cheerful-expression-calls-friend-via-cell-phone-enjoys-spare-time-summer-day_273609-3490.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-african-american-female-with-cheerful-expression-calls-friend-via-cell-phone-enjoys-spare-time-summer-day_273609-3490.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-boxes_23-2148734517.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-boxes_23-2148734517.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-ukrainian-flag_23-2149363550.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-ukrainian-flag_23-2149363550.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-sitting-table-resort-hotel-room-writing-letter-holding-pen-straw-hat-vintage-style-hands-close-up-details-accessories-travel-diary_285396-6186.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-stylish-beautiful-woman-sitting-table-resort-hotel-room-writing-letter-holding-pen-straw-hat-vintage-style-hands-close-up-details-accessories-travel-diary_285396-6186.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-card-working-laptop_23-2148304910.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-holding-card-working-laptop_23-2148304910.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
{
|
||||
label: "Best Sellers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Best Sellers", href: "#"},
|
||||
{
|
||||
label: "Sale",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sale", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
label: "TikTok", href: "#"},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
label: "Pinterest", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user