Update src/app/page.tsx
This commit is contained in:
184
src/app/page.tsx
184
src/app/page.tsx
@@ -9,7 +9,7 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Mail, Heart, ShoppingBag } from 'lucide-react';
|
||||
import { Mail, Chef, Book } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -27,47 +27,47 @@ export default function LandingPage() {
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
brandName="Fashion Forward"
|
||||
brandName="Cooking"
|
||||
navItems={[
|
||||
{ name: "Shop", id: "shop" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collections", id: "collections" },
|
||||
{ name: "Recipes", id: "shop" },
|
||||
{ name: "Techniques", id: "about" },
|
||||
{ name: "Guides", id: "collections" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Sign Up", href: "contact" }}
|
||||
button={{ text: "Subscribe", href: "contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitAvatars
|
||||
title="Elevate Your Style"
|
||||
description="Discover our premium collection of carefully curated clothing pieces designed for the modern fashion enthusiast. From timeless classics to contemporary trends."
|
||||
tag="New Collection"
|
||||
tagIcon={ShoppingBag}
|
||||
title="Master the Art of Cooking"
|
||||
description="Learn from expert chefs, discover incredible recipes, and transform your kitchen skills. Join thousands of passionate cooks in our community."
|
||||
tag="Culinary Excellence"
|
||||
tagIcon={Chef}
|
||||
imagePosition="right"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983288368-py19hzaj.jpg"
|
||||
imageAlt="Fashion collection showcase"
|
||||
imageAlt="Cooking inspiration"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "Customer 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg", alt: "Customer 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg", alt: "Customer 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Customer 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787044450-9f4y10ts.jpg", alt: "Customer 5" }
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg", alt: "Chef 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg", alt: "Chef 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg", alt: "Chef 3" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Chef 4" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787044450-9f4y10ts.jpg", alt: "Chef 5" }
|
||||
]}
|
||||
avatarText="Join 10,000+ fashion lovers"
|
||||
avatarText="Join 50,000+ cooking enthusiasts"
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "shop" },
|
||||
{ text: "Explore Collection", href: "collections" }
|
||||
{ text: "Explore Recipes", href: "shop" },
|
||||
{ text: "Learn More", href: "collections" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="shop" data-section="shop">
|
||||
<ProductCardOne
|
||||
title="Featured Collection"
|
||||
description="Hand-picked pieces from our latest arrivals. Each item is selected for quality, style, and comfort."
|
||||
tag="Best Sellers"
|
||||
title="Featured Recipes"
|
||||
description="Discover our handpicked collection of delicious recipes from around the world. Each recipe is tested and perfected by our culinary team."
|
||||
tag="Popular"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
@@ -75,34 +75,34 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Cotton T-Shirt",
|
||||
price: "$49.99",
|
||||
name: "Homemade Pasta Carbonara",
|
||||
price: "Easy",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787041844-tzssa0wc.jpg",
|
||||
imageAlt: "Premium Cotton T-Shirt",
|
||||
imageAlt: "Pasta Carbonara",
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elegant Silk Blouse",
|
||||
price: "$89.99",
|
||||
name: "Spicy Thai Curry",
|
||||
price: "Medium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983289277-elw8ical.jpg",
|
||||
imageAlt: "Elegant Silk Blouse",
|
||||
imageAlt: "Thai Curry",
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Classic Denim Jeans",
|
||||
price: "$79.99",
|
||||
name: "Classic French Beef Stew",
|
||||
price: "Medium",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983290082-rq47q3ut.jpg",
|
||||
imageAlt: "Classic Denim Jeans",
|
||||
imageAlt: "Beef Stew",
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Luxury Leather Jacket",
|
||||
price: "$199.99",
|
||||
name: "Gourmet Seafood Risotto",
|
||||
price: "Advanced",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983291397-8uh3i1cf.jpg",
|
||||
imageAlt: "Luxury Leather Jacket",
|
||||
imageAlt: "Seafood Risotto",
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
@@ -111,9 +111,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<FeatureCardThree
|
||||
title="Why Choose Our Fashion"
|
||||
description="We believe in quality, sustainability, and timeless style. Every piece in our collection is carefully selected to meet our high standards."
|
||||
tag="Our Promise"
|
||||
title="Why Cook With Us"
|
||||
description="We provide everything you need to succeed in the kitchen, from detailed recipes to expert guidance and community support."
|
||||
tag="Our Approach"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
@@ -121,31 +121,31 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Premium Quality",
|
||||
description: "We source only the finest fabrics and materials from trusted suppliers around the world.",
|
||||
title: "Expert Recipes",
|
||||
description: "Curated recipes from professional chefs with detailed instructions and ingredient sourcing tips.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983292413-wq7r64pm.jpg",
|
||||
imageAlt: "Premium fabric quality"
|
||||
imageAlt: "Expert recipes"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sustainable Fashion",
|
||||
description: "Eco-friendly production methods and ethical sourcing practices for a better future.",
|
||||
title: "Cooking Techniques",
|
||||
description: "Master fundamental techniques that will improve your cooking across all cuisines and styles.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766787045743-6gjau4zf.jpg",
|
||||
imageAlt: "Sustainable production"
|
||||
imageAlt: "Cooking techniques"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Each piece is handcrafted by skilled artisans with decades of experience in fashion.",
|
||||
title: "Community Support",
|
||||
description: "Connect with fellow cooking enthusiasts, share your creations, and get feedback from the community.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983293269-qul9w8a9.jpg",
|
||||
imageAlt: "Expert craftsmanship"
|
||||
imageAlt: "Community support"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Customer Support",
|
||||
description: "Dedicated support team ready to help with styling advice and any questions.",
|
||||
title: "Ingredient Guides",
|
||||
description: "Learn about sourcing quality ingredients, understanding flavor profiles, and seasonal cooking.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766983294082-ngjm8l0d.jpg",
|
||||
imageAlt: "Customer support"
|
||||
imageAlt: "Ingredient guides"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -153,9 +153,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardOne
|
||||
title="What Our Customers Love"
|
||||
description="Read authentic reviews from fashion enthusiasts who have transformed their wardrobe with our collection."
|
||||
tag="Customer Reviews"
|
||||
title="What Our Community Says"
|
||||
description="Hear from passionate cooks who have improved their culinary skills through our recipes and guides."
|
||||
tag="Success Stories"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground="noInvert"
|
||||
@@ -163,39 +163,39 @@ export default function LandingPage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Mitchell",
|
||||
role: "Fashion Blogger",
|
||||
company: "Style & Substance",
|
||||
name: "Julia Anderson",
|
||||
role: "Home Chef",
|
||||
company: "Cooking Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399072529-1z8sle2r.jpg",
|
||||
imageAlt: "Sarah Mitchell"
|
||||
imageAlt: "Julia Anderson"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Fashion Designer",
|
||||
company: "Creative Studio",
|
||||
name: "Marco Rossi",
|
||||
role: "Professional Chef",
|
||||
company: "Michelin Restaurant",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140153329-bmp1nqc3.jpg",
|
||||
imageAlt: "James Chen"
|
||||
imageAlt: "Marco Rossi"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emma Johnson",
|
||||
role: "Style Consultant",
|
||||
company: "Fashion Forward",
|
||||
name: "Sophie Chen",
|
||||
role: "Food Blogger",
|
||||
company: "Culinary Chronicles",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766318234070-3a71e283.jpg",
|
||||
imageAlt: "Emma Johnson"
|
||||
imageAlt: "Sophie Chen"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Fashion Enthusiast",
|
||||
company: "Style Community",
|
||||
name: "David Williams",
|
||||
role: "Cooking Instructor",
|
||||
company: "Culinary Academy",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
|
||||
imageAlt: "Michael Rodriguez"
|
||||
imageAlt: "David Williams"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -203,35 +203,35 @@ export default function LandingPage() {
|
||||
|
||||
<div id="collections" data-section="collections">
|
||||
<FaqSplitText
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Find answers to common questions about our collections, sizing, and policies."
|
||||
sideTitle="Cooking Questions Answered"
|
||||
sideDescription="Find answers to common cooking questions, ingredient substitutions, and kitchen tips."
|
||||
textPosition="left"
|
||||
useInvertedBackground="noInvert"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your return policy?",
|
||||
content: "We offer a 30-day return policy on all items. If you're not satisfied with your purchase, simply return it in original condition for a full refund or exchange."
|
||||
title: "How do I choose the right ingredients?",
|
||||
content: "Quality ingredients are crucial for great cooking. Look for fresh, seasonal produce and high-grade pantry staples. Our ingredient guides help you understand what to look for at the market."
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I find my size?",
|
||||
content: "Our size guide is available on each product page. We offer international sizing options including XS to XXL. Feel free to contact us if you need personalized sizing assistance."
|
||||
title: "What are essential cooking techniques?",
|
||||
content: "Master techniques like sautéing, braising, roasting, and emulsifying. These fundamental skills apply across cuisines and will transform your cooking abilities. Check our techniques section for detailed tutorials."
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes! We ship to over 150 countries worldwide. Shipping costs and delivery times vary by location. Standard shipping takes 5-7 business days."
|
||||
title: "How do I meal plan effectively?",
|
||||
content: "Plan your meals around seasonal ingredients and cooking methods. Group recipes by preparation time and complexity. Our community shares meal plans and shopping lists to make it easier."
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Are your materials ethically sourced?",
|
||||
content: "Absolutely. We partner exclusively with suppliers who follow fair trade practices and environmental standards. All our manufacturers are certified for ethical production."
|
||||
title: "What equipment do I really need?",
|
||||
content: "Start with quality basics: sharp knives, heavy cookware, and proper mixing bowls. You don't need expensive gadgets. Our equipment guides focus on versatile tools that last."
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I customize my order?",
|
||||
content: "We offer customization options for select items including monogramming, embroidery, and color matching. Contact our team for details on personalization services."
|
||||
title: "How do I develop my cooking style?",
|
||||
content: "Experiment with recipes, taste as you cook, and understand flavor combinations. Read cooking blogs, watch tutorials, and practice regularly. Your unique style develops naturally over time."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -239,9 +239,9 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Get In Touch"
|
||||
title="Join Our Fashion Community"
|
||||
description="Subscribe to our newsletter for exclusive previews, style tips, and special offers on new collections."
|
||||
tag="Join Us"
|
||||
title="Get Cooking Inspiration"
|
||||
description="Subscribe to our newsletter for weekly recipes, cooking tips, ingredient spotlights, and exclusive community access."
|
||||
tagIcon={Mail}
|
||||
useInvertedBackground="noInvert"
|
||||
inputPlaceholder="Enter your email address"
|
||||
@@ -255,34 +255,34 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "New Arrivals", href: "shop" },
|
||||
{ label: "Best Sellers", href: "shop" },
|
||||
{ label: "Sale", href: "shop" }
|
||||
{ label: "Latest Recipes", href: "shop" },
|
||||
{ label: "Popular Recipes", href: "shop" },
|
||||
{ label: "Trending Now", href: "shop" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "About Us", href: "about" },
|
||||
{ label: "Our Story", href: "about" },
|
||||
{ label: "Sustainability", href: "about" }
|
||||
{ label: "Techniques", href: "about" },
|
||||
{ label: "Ingredient Guide", href: "about" },
|
||||
{ label: "Kitchen Basics", href: "about" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Support", href: "contact" },
|
||||
{ label: "Size Guide", href: "#" }
|
||||
{ label: "Submit Recipe", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Shipping Info", href: "#" }
|
||||
{ label: "Cookie Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Fashion Forward"
|
||||
logoText="Cooking"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user