Update src/app/page.tsx
This commit is contained in:
188
src/app/page.tsx
188
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Coffee } from "lucide-react";
|
||||
import { Coffee, CheckCircle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="BrewMugs"
|
||||
/>
|
||||
@@ -61,25 +53,15 @@ export default function LandingPage() {
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg",
|
||||
alt: "Barista making coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/preparing-cocoa-drink-barista-making-cocoa-cafe_169016-66904.jpg", alt: "Barista making coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-composition-with-cup-tea-books-knitted-element_169016-42672.jpg",
|
||||
alt: "Cozy tea composition",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-composition-with-cup-tea-books-knitted-element_169016-42672.jpg", alt: "Cozy tea composition"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46356.jpg",
|
||||
alt: "Handmade mug closeup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46356.jpg", alt: "Handmade mug closeup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg",
|
||||
alt: "Autumn cozy mug",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cozy-autumn-composition-with-handmade-cup-closeup_169016-46555.jpg", alt: "Autumn cozy mug"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cup-with-hot-tea-breaks_23-2148375054.jpg",
|
||||
alt: "Tea break cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cup-with-hot-tea-breaks_23-2148375054.jpg", alt: "Tea break cup"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ coffee lovers"
|
||||
/>
|
||||
@@ -100,28 +82,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Ceramic",
|
||||
description: "High-quality, durable clay fired to perfection.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-hot-drinks-while-camping-outdoors_23-2148704463.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Premium Ceramic", description: "High-quality, durable clay fired to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-hot-drinks-while-camping-outdoors_23-2148704463.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Microwave Safe",
|
||||
description: "Heat your favorite beverage without worry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295824.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Microwave Safe", description: "Heat your favorite beverage without worry.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage-design_23-2149295824.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Ergonomic Grip",
|
||||
description: "Designed to fit comfortably in your hand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013909.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Ergonomic Grip", description: "Designed to fit comfortably in your hand.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mug-floating-water_23-2151013909.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly",
|
||||
description: "Sustainable production for a greener home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-happy-woman-holding-mug_23-2148717752.jpg",
|
||||
buttonIcon: "CheckCircle",
|
||||
title: "Eco-Friendly", description: "Sustainable production for a greener home.", imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-happy-woman-holding-mug_23-2148717752.jpg", buttonIcon: CheckCircle,
|
||||
},
|
||||
]}
|
||||
title="Why Choose Our Mugs?"
|
||||
@@ -137,41 +107,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic White",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-woman-holding-mug-taking-selfies_23-2148717773.jpg",
|
||||
},
|
||||
id: "1", name: "Classic White", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/cozy-woman-holding-mug-taking-selfies_23-2148717773.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Obsidian Black",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-tea-with-cookies_95678-244.jpg",
|
||||
},
|
||||
id: "2", name: "Obsidian Black", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/front-tea-with-cookies_95678-244.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sky Blue",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-cup-placed-snow_23-2148011904.jpg",
|
||||
},
|
||||
id: "3", name: "Sky Blue", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/blue-cup-placed-snow_23-2148011904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Stone Grey",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-cup-full-with-organic-kumquats_114579-61618.jpg",
|
||||
},
|
||||
id: "4", name: "Stone Grey", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/black-cup-full-with-organic-kumquats_114579-61618.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Golden Hour",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-tea-cup-organic-background_23-2151775034.jpg",
|
||||
},
|
||||
id: "5", name: "Golden Hour", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-tea-cup-organic-background_23-2151775034.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Terracotta",
|
||||
price: "$30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stack-earthtoned-bowls-simple-elegant-kitchen-decor_157027-4251.jpg",
|
||||
},
|
||||
id: "6", name: "Terracotta", price: "$30", imageSrc: "http://img.b2bpic.net/free-photo/stack-earthtoned-bowls-simple-elegant-kitchen-decor_157027-4251.jpg"},
|
||||
]}
|
||||
title="Our Collection"
|
||||
description="Choose your favorite design from our curated selection."
|
||||
@@ -185,26 +131,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
title: "Happy Drinkers",
|
||||
description: "Mugs delivered across the globe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-mug-copy-space_23-2148379690.jpg",
|
||||
},
|
||||
id: "m1", value: "10k+", title: "Happy Drinkers", description: "Mugs delivered across the globe.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-mug-copy-space_23-2148379690.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
title: "Unique Designs",
|
||||
description: "Variations created for your taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg",
|
||||
},
|
||||
id: "m2", value: "50+", title: "Unique Designs", description: "Variations created for your taste.", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-black-coffee-wooden-board_23-2148623253.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction",
|
||||
description: "Guaranteed quality and care.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7150.jpg",
|
||||
},
|
||||
id: "m3", value: "100%", title: "Satisfaction", description: "Guaranteed quality and care.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee_1339-7150.jpg"},
|
||||
]}
|
||||
title="Mugs in Numbers"
|
||||
description="The impact of our craft in your daily life."
|
||||
@@ -218,40 +149,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice Smith",
|
||||
handle: "@alicesmith",
|
||||
testimonial: "The best mug I've ever owned. Perfectly balanced.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg",
|
||||
},
|
||||
id: "t1", name: "Alice Smith", handle: "@alicesmith", testimonial: "The best mug I've ever owned. Perfectly balanced.", imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-young-woman-sits-kitchen-floor-extends-hand-with-cup-offers-you-mug-with-coffee_1258-187222.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob Jones",
|
||||
handle: "@bobjones",
|
||||
testimonial: "Stunning design, holds heat like a charm.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg",
|
||||
},
|
||||
id: "t2", name: "Bob Jones", handle: "@bobjones", testimonial: "Stunning design, holds heat like a charm.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-hoodie-enjoys-coffee-morning-cafe_169016-22377.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie Day",
|
||||
handle: "@cday",
|
||||
testimonial: "My morning coffee has never felt more premium.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-getting-coffee-cup_23-2148389828.jpg",
|
||||
},
|
||||
id: "t3", name: "Charlie Day", handle: "@cday", testimonial: "My morning coffee has never felt more premium.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-getting-coffee-cup_23-2148389828.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Diana Prince",
|
||||
handle: "@diana",
|
||||
testimonial: "Great gift idea for any coffee lover.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-european-woman-with-dark-hair-wearing-white-t-shirt-drinking-coffee-morning-kitchen_291650-160.jpg",
|
||||
},
|
||||
id: "t4", name: "Diana Prince", handle: "@diana", testimonial: "Great gift idea for any coffee lover.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-european-woman-with-dark-hair-wearing-white-t-shirt-drinking-coffee-morning-kitchen_291650-160.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Evan Wright",
|
||||
handle: "@ewright",
|
||||
testimonial: "Worth every penny for the quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling_23-2148665396.jpg",
|
||||
},
|
||||
id: "t5", name: "Evan Wright", handle: "@ewright", testimonial: "Worth every penny for the quality.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-smiling_23-2148665396.jpg"},
|
||||
]}
|
||||
title="Loved by Coffee Enthusiasts"
|
||||
description="See why our customers love their morning ritual."
|
||||
@@ -264,20 +170,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Are these dishwasher safe?",
|
||||
content: "Yes, our mugs are safe to clean in the dishwasher.",
|
||||
},
|
||||
id: "q1", title: "Are these dishwasher safe?", content: "Yes, our mugs are safe to clean in the dishwasher."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship worldwide?",
|
||||
content: "We offer shipping to most countries globally.",
|
||||
},
|
||||
id: "q2", title: "Do you ship worldwide?", content: "We offer shipping to most countries globally."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What material is used?",
|
||||
content: "We use high-quality ceramic clay fired at high temperatures.",
|
||||
},
|
||||
id: "q3", title: "What material is used?", content: "We use high-quality ceramic clay fired at high temperatures."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -289,16 +186,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Need Support?"
|
||||
description="Our team is here to help you find your perfect mug."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -309,25 +203,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user