Merge version_1 into main #2
@@ -1,40 +1,46 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
|
||||
import MediaAbout from "@/components/sections/about/MediaAbout";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||||
import { CheckCircle, Heart, Sparkles, Mail, Package, Quote } from "lucide-react";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { Heart, Sparkles, Mail, CheckCircle } from 'lucide-react';
|
||||
|
||||
export default function Home() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" }
|
||||
];
|
||||
|
||||
const button = {
|
||||
text: "Subscribe", href: "#contact"
|
||||
};
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="double-inset"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="extrabold"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Order Now", href: "#products" }}
|
||||
navItems={navItems}
|
||||
button={button}
|
||||
brandName="Artisan Pastry"
|
||||
/>
|
||||
</div>
|
||||
@@ -43,7 +49,7 @@ export default function LandingPage() {
|
||||
<HeroLogoBillboardSplit
|
||||
logoText="PASTRY"
|
||||
description="Indulge in artisanal pastries and handcrafted sweets made fresh daily with premium ingredients and traditional techniques. Experience the perfect blend of taste and elegance."
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "Learn Our Story", href: "#about" }
|
||||
@@ -65,7 +71,9 @@ export default function LandingPage() {
|
||||
tagIcon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-bread-table_140725-4736.jpg"
|
||||
imageAlt="Artisan bakery kitchen and pastry preparation"
|
||||
buttons={[{ text: "Explore Menu", href: "#products" }]}
|
||||
buttons={[
|
||||
{ text: "Explore Menu", href: "#products" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,7 +99,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[{ text: "View All Products", href: "#" }]}
|
||||
buttons={[
|
||||
{ text: "View All Products", href: "#" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -102,9 +112,7 @@ export default function LandingPage() {
|
||||
tag="Quality Promise"
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Premium Ingredients", description: "We source only the finest European butter, Madagascar vanilla, and Belgian chocolate. Every ingredient is carefully selected to ensure exceptional taste and quality.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sultana-pie-with-ongredients-wooden-deck_114579-61839.jpg", imageAlt: "fresh pastry ingredients quality assurance"
|
||||
},
|
||||
id: "1", title: "Premium Ingredients", description: "We source only the finest European butter, Madagascar vanilla, and Belgian chocolate. Every ingredient is carefully selected to ensure exceptional taste and quality.", media: { imageSrc: "http://img.b2bpic.net/free-photo/sultana-pie-with-ongredients-wooden-deck_114579-61839.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "European butter imported fresh" },
|
||||
{ icon: CheckCircle, text: "No artificial additives or preservatives" },
|
||||
@@ -113,9 +121,7 @@ export default function LandingPage() {
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "2", title: "Traditional Craftsmanship", description: "Our master bakers trained in France bring authentic pastry-making expertise. Each pastry is hand-crafted using techniques perfected over decades.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dough-meat-meal-pastry-process-making-dough-cook-brown-wood-rustic-desk_140725-14942.jpg", imageAlt: "traditional pastry making craft heritage"
|
||||
},
|
||||
id: "2", title: "Traditional Craftsmanship", description: "Our master bakers trained in France bring authentic pastry-making expertise. Each pastry is hand-crafted using techniques perfected over decades.", media: { imageSrc: "http://img.b2bpic.net/free-photo/dough-meat-meal-pastry-process-making-dough-cook-brown-wood-rustic-desk_140725-14942.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Hand-laminated croissants" },
|
||||
{ icon: CheckCircle, text: "24-hour fermentation process" },
|
||||
@@ -124,9 +130,7 @@ export default function LandingPage() {
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "3", title: "Fresh Daily Delivery", description: "We bake fresh every morning and deliver to your door at peak freshness. Our same-day delivery ensures you receive pastries within hours of baking.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-protective-mask-holds-package-with-products_1157-35877.jpg", imageAlt: "fresh pastry delivery box packaging"
|
||||
},
|
||||
id: "3", title: "Fresh Daily Delivery", description: "We bake fresh every morning and deliver to your door at peak freshness. Our same-day delivery ensures you receive pastries within hours of baking.", media: { imageSrc: "http://img.b2bpic.net/free-photo/girl-protective-mask-holds-package-with-products_1157-35877.jpg" },
|
||||
items: [
|
||||
{ icon: CheckCircle, text: "Baked fresh every morning" },
|
||||
{ icon: CheckCircle, text: "Same-day delivery available" },
|
||||
@@ -146,19 +150,19 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Marie Dupont", handle: "@marie_loves_pastries", testimonial: "The croissants are absolutely divine! I've tried pastries from Paris, and these are just as good. The butter flavor is incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-violet-shirt-looking-glad-front-view_176474-15367.jpg", imageAlt: "happy customer smiling professional headshot"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-camera-violet-shirt-looking-glad-front-view_176474-15367.jpg"
|
||||
},
|
||||
{
|
||||
id: "2", name: "James Mitchell", handle: "@jmitchell_foodie", testimonial: "Ordered for my daughter's birthday party. Everyone raved about the macarons. Fresh, beautiful, and delicious. Highly recommend!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg", imageAlt: "man smiling professional portrait headshot"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Sofia Garcia", handle: "@sofia_baker", testimonial: "As a baker myself, I appreciate the attention to detail. These pastries are made with real passion and quality. My go-to for special occasions.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg", imageAlt: "woman smiling professional headshot portrait"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-business-woman-standing-with-coffee-cup_23-2148095743.jpg"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Thomas Chen", handle: "@thomas_eats", testimonial: "Best pastries in town! Fresh every day, great customer service, and the flavors are authentic. This is a true gem.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", imageAlt: "diverse person smiling professional headshot"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg"
|
||||
}
|
||||
]}
|
||||
showRating={true}
|
||||
@@ -177,7 +181,7 @@ export default function LandingPage() {
|
||||
title="Sweet Treats Delivered to Your Inbox"
|
||||
description="Subscribe to get exclusive recipes, seasonal specials, and 10% off your first order. Join our pastry-loving community today!"
|
||||
tagIcon={Mail}
|
||||
background={{ variant: "plain" }}
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Subscribe"
|
||||
|
||||
@@ -5,7 +5,7 @@ interface SvgTextLogoProps {
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fill?: string;
|
||||
dominantBaseline?: 'auto' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging';
|
||||
dominantBaseline?: 'auto' | 'text-before-edge' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'hanging' | 'text-after-edge' | 'use-script' | 'no-change' | 'reset-size' | 'inherit';
|
||||
}
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
|
||||
Reference in New Issue
Block a user