Switch to version 1: modified src/app/page.tsx
This commit is contained in:
265
src/app/page.tsx
265
src/app/page.tsx
@@ -3,9 +3,12 @@
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,12 +28,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Collections", id: "/collections" },
|
||||
{ name: "Gallery", id: "/gallery" },
|
||||
{ name: "Custom Orders", id: "/custom" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Collections",
|
||||
id: "/collections",
|
||||
},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
{
|
||||
name: "Custom Orders",
|
||||
id: "/custom",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="EverBloom Bridal"
|
||||
/>
|
||||
@@ -38,29 +59,186 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Managing Your Website"
|
||||
description="Learn how to easily update your content, images, and pricing to keep your site fresh."
|
||||
testimonials={[]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591591.jpg"
|
||||
title="Forever Florals for Every Wedding Moment"
|
||||
description="Handcrafted wedding florals and accessories designed for timeless celebrations in Bangalore."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Priya Sharma",
|
||||
handle: "@priya_bridal",
|
||||
testimonial: "The flowers were absolutely breathtaking. Perfectly handcrafted.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-pretty-girl-with-brunette-tied-hair-dark-brown-eyes-naturally-make-up-sincere-smiling-looking-camera-while-posing-outdoor_8353-12415.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ananya Reddy",
|
||||
handle: "@ananya_wed",
|
||||
testimonial: "Forever blooms that look so real. My wedding was dreamy.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-young-lady-dress-with-flower-wreath-head_23-2148054885.jpg",
|
||||
},
|
||||
{
|
||||
name: "Neha V.",
|
||||
handle: "@neha_v",
|
||||
testimonial: "I love that these flowers never fade. A true keepsake.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-bride-white-dress-posing_1328-4131.jpg",
|
||||
},
|
||||
{
|
||||
name: "Deepa K.",
|
||||
handle: "@deepa_wed",
|
||||
testimonial: "The attention to detail in my bouquet was unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brunette-caucasian-bride-with-natural-happy-smile-her-face_181624-23050.jpg",
|
||||
},
|
||||
{
|
||||
name: "Kavya M.",
|
||||
handle: "@kavya_m",
|
||||
testimonial: "Beyond beautiful. Thank you for making my day special.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bride-beach-sunset_23-2151976658.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
text: "Customize Your Wedding Florals",
|
||||
href: "/custom",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/bouquet-holly-berries-peonies-dry-lemon-slices_114579-2539.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-fresh-flowers-flora-shop-work-space-business_53876-23097.jpg",
|
||||
alt: "Artist portrait 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-working-with-flowers_23-2149591591.jpg",
|
||||
alt: "Artist portrait 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-smelling-flower_23-2149247554.jpg",
|
||||
alt: "Artist portrait 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-flowers_23-2149247537.jpg",
|
||||
alt: "Artist portrait 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-flower-wreath-her-head-posing-field_181624-40565.jpg",
|
||||
alt: "Artist portrait 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy brides"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="help-content" data-section="help-content">
|
||||
<FaqSplitText
|
||||
sideTitle="Quick Start Guide"
|
||||
sideDescription="Follow these simple steps to manage your EverBloom Bridal website efficiently."
|
||||
faqsAnimation="slide-up"
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Forever Florals?"
|
||||
description="The perfect balance of luxury and practicality for your big day."
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Fresh flowers wilt in heat",
|
||||
"High maintenance",
|
||||
"Expensive waste",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Stays perfect forever",
|
||||
"Easy to store as a memory",
|
||||
"Cost-effective luxury",
|
||||
],
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Everything you need to know about our handcrafted floral arrangements."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "img", title: "How do I upload images?", content: "Images can be updated directly through the Visual Editor. Simply click on any image area, select a new file from your device, and save the changes."
|
||||
id: "f1",
|
||||
title: "How long do they last?",
|
||||
content: "Our florals are designed to be heirloom pieces that last for years.",
|
||||
},
|
||||
{
|
||||
id: "price", title: "How do I edit prices?", content: "Locate the Pricing section on the relevant page. Select the plan you wish to update and edit the 'price' field in the editor panel. Changes will reflect instantly."
|
||||
id: "f2",
|
||||
title: "Can I request custom colors?",
|
||||
content: "Absolutely, we specialize in custom color matching to suit your bridal theme.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Simple Pricing"
|
||||
description="Packages for every wedding scale."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "₹15,000",
|
||||
subtitle: "Perfect for intimate weddings",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Bouquet",
|
||||
"Boutonniere",
|
||||
"Ring Cushion",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "content", title: "How do I manage content?", content: "Click on any text element on the page to trigger the edit menu. You can modify titles, descriptions, and feature lists directly in the sidebar."
|
||||
}
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "₹45,000",
|
||||
subtitle: "For the grand celebration",
|
||||
buttons: [
|
||||
{
|
||||
text: "Inquire",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full Bridal Set",
|
||||
"Bridesmaid Sets",
|
||||
"Decor Pieces",
|
||||
"Custom Tiaras",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Trusted by leading wedding publications."
|
||||
names={[
|
||||
"WeddingWire",
|
||||
"The Knot",
|
||||
"Brides",
|
||||
"Vogue Wedding",
|
||||
"Bangalore Times",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -68,9 +246,50 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "/" }, { label: "Collections", href: "/collections" }, { label: "Gallery", href: "/gallery" }] },
|
||||
{ items: [{ label: "Custom Orders", href: "/custom" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "https://instagram.com" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "/collections",
|
||||
},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Custom Orders",
|
||||
href: "/custom",
|
||||
},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="EverBloom Bridal"
|
||||
/>
|
||||
@@ -78,4 +297,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user