Merge version_1 into main #2
108
src/app/page.tsx
108
src/app/page.tsx
@@ -1,39 +1,42 @@
|
||||
"use client"
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Heart, Sparkles, Leaf, Gift } from 'lucide-react';
|
||||
import Link from "next/link";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
||||
import ContactText from "@/components/sections/contact/ContactText";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import { Sparkles, Leaf, Heart, Gift, Quote } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
];
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={navItems}
|
||||
brandName="Nano"
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Portfolio", id: "portfolio" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -48,7 +51,7 @@ export default function LandingPage() {
|
||||
imageAlt="Luxury fresh flower arrangement by Nano studio"
|
||||
buttons={[
|
||||
{ text: "Explore Our Services", href: "services" },
|
||||
{ text: "View Portfolio", href: "portfolio" }
|
||||
{ text: "View Portfolio", href: "portfolio" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -79,20 +82,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Wedding Flowers", description: "Exquisite bridal bouquets, ceremony installations, and reception arrangements designed to bring your vision to life."
|
||||
},
|
||||
title: "Wedding Flowers", description: "Exquisite bridal bouquets, ceremony installations, and reception arrangements designed to bring your vision to life."},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Event Flowers", description: "Stunning centerpieces and floral installations for corporate events, galas, and special celebrations."
|
||||
},
|
||||
title: "Event Flowers", description: "Stunning centerpieces and floral installations for corporate events, galas, and special celebrations."},
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Flower Subscriptions", description: "Weekly or monthly fresh flower arrangements delivered to your door, keeping your space vibrant year-round."
|
||||
},
|
||||
title: "Flower Subscriptions", description: "Weekly or monthly fresh flower arrangements delivered to your door, keeping your space vibrant year-round."},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Custom Arrangements", description: "Personalized designs for any occasion, from sympathy flowers to milestone celebrations."
|
||||
}
|
||||
title: "Custom Arrangements", description: "Personalized designs for any occasion, from sympathy flowers to milestone celebrations."},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -109,16 +108,13 @@ export default function LandingPage() {
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "Nano", name: "Spring Romance Bouquet", price: "$95", rating: 5,
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-postcard-with-pink-peonies-box-white-background_1268-31427.jpg", imageAlt: "Spring Romance Bouquet with pink roses and peonies"
|
||||
},
|
||||
reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-postcard-with-pink-peonies-box-white-background_1268-31427.jpg", imageAlt: "Spring Romance Bouquet with pink roses and peonies"},
|
||||
{
|
||||
id: "2", brand: "Nano", name: "Elegant Wedding Centerpiece", price: "$180", rating: 5,
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-roses-stands-middle-dinner-table-restaurant_1304-5424.jpg", imageAlt: "Elegant wedding centerpiece arrangement"
|
||||
},
|
||||
reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/bouquet-white-roses-stands-middle-dinner-table-restaurant_1304-5424.jpg", imageAlt: "Elegant wedding centerpiece arrangement"},
|
||||
{
|
||||
id: "3", brand: "Nano", name: "Seasonal Celebration Arrangement", price: "$120", rating: 5,
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-flowers_23-2147609533.jpg", imageAlt: "Seasonal celebration arrangement with mixed blooms"
|
||||
}
|
||||
reviewCount: "31", imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-flowers_23-2147609533.jpg", imageAlt: "Seasonal celebration arrangement with mixed blooms"},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
@@ -135,17 +131,13 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Mitchell", role: "Bride", testimonial: "Nano created the most beautiful wedding flowers I could have imagined. Every detail was perfect, and their attention to our vision was exceptional. I highly recommend them!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageAlt: "Portrait of Sarah Mitchell"
|
||||
},
|
||||
id: "1", name: "Sarah Mitchell", role: "Bride", testimonial: "Nano created the most beautiful wedding flowers I could have imagined. Every detail was perfect, and their attention to our vision was exceptional. I highly recommend them!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg", imageAlt: "Portrait of Sarah Mitchell"},
|
||||
{
|
||||
id: "2", name: "Jessica Chen", role: "Event Planner", testimonial: "Working with Nano transformed our corporate gala. Their floral installations were stunning and added such elegance to the venue. They're my go-to florist for all events.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageAlt: "Portrait of Jessica Chen"
|
||||
},
|
||||
id: "2", name: "Jessica Chen", role: "Event Planner", testimonial: "Working with Nano transformed our corporate gala. Their floral installations were stunning and added such elegance to the venue. They're my go-to florist for all events.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-woman-with-blue-shirt_1098-3627.jpg", imageAlt: "Portrait of Jessica Chen"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Regular Customer", testimonial: "I've been getting Nano's weekly flower subscription for six months, and it's been the highlight of my week. Fresh, beautiful arrangements delivered right to my door!", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", imageAlt: "Portrait of Emily Rodriguez"
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "Regular Customer", testimonial: "I've been getting Nano's weekly flower subscription for six months, and it's been the highlight of my week. Fresh, beautiful arrangements delivered right to my door!", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", imageAlt: "Portrait of Emily Rodriguez"},
|
||||
{
|
||||
id: "4", name: "Amanda Foster", role: "Corporate Client", testimonial: "Nano's custom arrangements have become a signature part of our office culture. Their creativity and reliability are unmatched. Absolutely worth the investment!", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", imageAlt: "Portrait of Amanda Foster"
|
||||
}
|
||||
id: "4", name: "Amanda Foster", role: "Corporate Client", testimonial: "Nano's custom arrangements have become a signature part of our office culture. Their creativity and reliability are unmatched. Absolutely worth the investment!", imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-businesswoman-smiling-happy-standing-city_839833-14128.jpg", imageAlt: "Portrait of Amanda Foster"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -159,7 +151,7 @@ export default function LandingPage() {
|
||||
animationType="entrance-slide"
|
||||
buttons={[
|
||||
{ text: "Get in Touch", href: "#" },
|
||||
{ text: "View Pricing", href: "#" }
|
||||
{ text: "View Pricing", href: "#" },
|
||||
]}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
@@ -174,26 +166,26 @@ export default function LandingPage() {
|
||||
items: [
|
||||
{ label: "About", href: "about" },
|
||||
{ label: "Services", href: "services" },
|
||||
{ label: "Portfolio", href: "portfolio" }
|
||||
]
|
||||
{ label: "Portfolio", href: "portfolio" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Testimonials", href: "testimonials" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Subscribe", href: "#" }
|
||||
]
|
||||
{ label: "Subscribe", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Pinterest", href: "https://pinterest.com" }
|
||||
]
|
||||
}
|
||||
{ label: "Pinterest", href: "https://pinterest.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user