Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -11,7 +11,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Calendar, Facebook, Instagram, Package, Users } from "lucide-react";
|
||||
import { Calendar, Package, Users, Star, Award, Shield, Zap, Instagram, Facebook } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Shop", id: "#products" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
]}
|
||||
brandName="The Boutique"
|
||||
/>
|
||||
@@ -54,63 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Local Goods, Boutique Refinement."
|
||||
description="Discover a carefully curated selection of essentials where corner-store convenience meets five-star hospitality. Ahmad welcomes you home."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg?_wi=1"
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg"
|
||||
imageAlt="luxury store interior dark"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg",
|
||||
alt: "Hallway of a building",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
|
||||
alt: "City background panoramic view",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg",
|
||||
alt: "Abstract store with futuristic concept and architecture",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg",
|
||||
alt: "Table full of tailoring instruments",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg",
|
||||
alt: "luxury store interior dark",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/hallway-building_23-2149397564.jpg", alt: "Hallway of a building" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg", alt: "City background panoramic view" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862168.jpg", alt: "Abstract store with futuristic concept and architecture" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-full-tailoring-instruments_482257-96375.jpg", alt: "Table full of tailoring instruments" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg", alt: "luxury store interior dark" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisan Goods",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Daily Luxury",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Curation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Neighborhood Gem",
|
||||
},
|
||||
{ type: "text", text: "Artisan Goods" },
|
||||
{ type: "text", text: "Daily Luxury" },
|
||||
{ type: "text", text: "Premium Curation" },
|
||||
{ type: "text", text: "Five-Star Service" },
|
||||
{ type: "text", text: "Neighborhood Gem" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,41 +71,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "4.7 Star Rating",
|
||||
description: "Consistently rated by our community.",
|
||||
buttonIcon: "Star",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-star-icon-symbol-ranking-rating-review-sign-illustration-3d-rendering_56104-1227.jpg",
|
||||
imageAlt: "gold star rating badge",
|
||||
},
|
||||
{
|
||||
title: "Artisan Curation",
|
||||
description: "Hand-picked local goods.",
|
||||
buttonIcon: "Award",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg?_wi=2",
|
||||
imageAlt: "gold star rating badge",
|
||||
},
|
||||
{
|
||||
title: "Boutique Service",
|
||||
description: "Personalized attention.",
|
||||
buttonIcon: "Shield",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-scene-background-luxury-podium-background-gold-product-presentation-mock-up_272375-4865.jpg",
|
||||
imageAlt: "gold star rating badge",
|
||||
},
|
||||
{
|
||||
title: "Everyday Luxury",
|
||||
description: "Elevated daily essentials.",
|
||||
buttonIcon: "Zap",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-concept-with-jars_23-2148626064.jpg?_wi=1",
|
||||
imageAlt: "gold star rating badge",
|
||||
},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Built for the neighborhood.",
|
||||
buttonIcon: "Users",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-bread-counter_107420-63655.jpg?_wi=1",
|
||||
imageAlt: "gold star rating badge",
|
||||
},
|
||||
{ title: "4.7 Star Rating", description: "Consistently rated by our community.", buttonIcon: Star, imageSrc: "http://img.b2bpic.net/free-photo/golden-star-icon-symbol-ranking-rating-review-sign-illustration-3d-rendering_56104-1227.jpg", imageAlt: "gold star rating badge" },
|
||||
{ title: "Artisan Curation", description: "Hand-picked local goods.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-woman-enjoying-coffee_23-2148756287.jpg", imageAlt: "gold star rating badge" },
|
||||
{ title: "Boutique Service", description: "Personalized attention.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/abstract-scene-background-luxury-podium-background-gold-product-presentation-mock-up_272375-4865.jpg", imageAlt: "gold star rating badge" },
|
||||
{ title: "Everyday Luxury", description: "Elevated daily essentials.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-concept-with-jars_23-2148626064.jpg", imageAlt: "gold star rating badge" },
|
||||
{ title: "Community Focus", description: "Built for the neighborhood.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-bread-counter_107420-63655.jpg", imageAlt: "gold star rating badge" }
|
||||
]}
|
||||
title="Why Neighbors Choose Us"
|
||||
description="Experience a standard of service built on genuine care and premium quality."
|
||||
@@ -166,15 +87,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Welcome to the Neighborhood"
|
||||
description={[
|
||||
"Founded on the principle that convenience doesn't have to sacrifice class. We treat every visitor like a guest in a boutique hotel.",
|
||||
"Mention this site during your first visit to receive 10% off your purchase. We can't wait to serve you.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Join Our List",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
"Founded on the principle that convenience doesn't have to sacrifice class. We treat every visitor like a guest in a boutique hotel.", "Mention this site during your first visit to receive 10% off your purchase. We can't wait to serve you."]}
|
||||
buttons={[{ text: "Join Our List", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -185,42 +99,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Small Batch Coffee",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-concept-with-jars_23-2148626064.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Artisan Olive Oil",
|
||||
price: "$24",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-bread-counter_107420-63655.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Handmade Soaps",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-jars-with-pickled-vegetables_23-2148606777.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Local Honey",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-quartz-prism-with-dark-shadow-white-background_23-2147949079.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Boutique Teas",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Gourmet Chocolates",
|
||||
price: "$20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-bottle-natural-olive-oil_23-2148364476.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Small Batch Coffee", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/preserved-food-concept-with-jars_23-2148626064.jpg" },
|
||||
{ id: "p2", name: "Artisan Olive Oil", price: "$24", imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-bread-counter_107420-63655.jpg" },
|
||||
{ id: "p3", name: "Handmade Soaps", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/top-view-jars-with-pickled-vegetables_23-2148606777.jpg" },
|
||||
{ id: "p4", name: "Local Honey", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/overhead-view-quartz-prism-with-dark-shadow-white-background_23-2147949079.jpg" },
|
||||
{ id: "p5", name: "Boutique Teas", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/black-coffee-bag-mockup_187299-47334.jpg" },
|
||||
{ id: "p6", name: "Gourmet Chocolates", price: "$20", imageSrc: "http://img.b2bpic.net/free-photo/front-view-bottle-natural-olive-oil_23-2148364476.jpg" }
|
||||
]}
|
||||
title="Curated Collections"
|
||||
description="Refined essentials for the modern home."
|
||||
@@ -231,25 +115,11 @@ export default function LandingPage() {
|
||||
<MetricCardThree
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Loyal Neighbors",
|
||||
value: "2.5k+",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Products Stocked",
|
||||
value: "400+",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Years Serving",
|
||||
value: "12",
|
||||
icon: Calendar,
|
||||
},
|
||||
{ id: "m1", title: "Loyal Neighbors", value: "2.5k+", icon: Users },
|
||||
{ id: "m2", title: "Products Stocked", value: "400+", icon: Package },
|
||||
{ id: "m3", title: "Years Serving", value: "12", icon: Calendar }
|
||||
]}
|
||||
title="Our Community Impact"
|
||||
description="Real numbers from our journey together."
|
||||
@@ -263,13 +133,7 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "ahmad",
|
||||
name: "Ahmad",
|
||||
role: "Owner & Curator",
|
||||
description: "Ahmad believes that the corner shop is the heart of the community. With over a decade of hospitality experience, he brings boutique standards to your daily routine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208273.jpg",
|
||||
},
|
||||
{ id: "ahmad", name: "Ahmad", role: "Owner & Curator", description: "Ahmad believes that the corner shop is the heart of the community. With over a decade of hospitality experience, he brings boutique standards to your daily routine.", imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208273.jpg" }
|
||||
]}
|
||||
title="Meet Ahmad"
|
||||
description="The face behind the counter, dedicated to your daily experience."
|
||||
@@ -283,26 +147,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/golden-notification-message-icon-symbol-social-media-communication-vector-design-style-3d-rendering_40876-3542.jpg",
|
||||
alt: "minimalist abstract profile portrait",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-shape-star-table_23-2148330475.jpg",
|
||||
alt: "Top view shape of star on a table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/book-review-icon_632498-3978.jpg",
|
||||
alt: "Book review icon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/golden-notification-message-icon-symbol-social-media-communication-vector-design-style-3d-rendering_40876-3527.jpg",
|
||||
alt: "Golden notification message icon",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg",
|
||||
alt: "Portrait of a young woman",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-vector/golden-notification-message-icon-symbol-social-media-communication-vector-design-style-3d-rendering_40876-3542.jpg", alt: "minimalist abstract profile portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-shape-star-table_23-2148330475.jpg", alt: "Top view shape of star on a table" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/book-review-icon_632498-3978.jpg", alt: "Book review icon" },
|
||||
{ src: "http://img.b2bpic.net/free-vector/golden-notification-message-icon-symbol-social-media-communication-vector-design-style-3d-rendering_40876-3527.jpg", alt: "Golden notification message icon" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg", alt: "Portrait of a young woman" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -314,16 +163,8 @@ export default function LandingPage() {
|
||||
logoText="The Boutique"
|
||||
copyrightText="© 2024 The Boutique. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user