Update src/app/styles/variables.css

Update src/app/shop/page.tsx
Update src/app/shop/[id]/page.tsx
2026-02-25 17:20:33 +00:00 · 2026-02-25 17:20:32 +00:00 · 2026-02-25 17:20:32 +00:00 · 2026-02-25 17:20:31 +00:00 · 2026-02-25 17:20:30 +00:00 · 2026-02-25 17:18:32 +00:00
5 changed files with 130 additions and 32 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -35,8 +35,11 @@ export default function BlogPage() {
                        navItems={[
                            { name: "Home", id: "/" },
                            { name: "About", id: "/#about" },
+                            { name: "Pricing", id: "/#pricing" },
                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "/#testimonials" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                        ]}
                        brandName="Angola"
                        bottomLeftText="Experience the Beauty"
@@ -71,12 +74,13 @@ export default function BlogPage() {
                                title: "Shop",                                items: [
                                    { label: "Bouquets", href: "/shop" },
                                    { label: "Arrangements", href: "/shop" },
-                                    { label: "Custom Orders", href: "/shop" },
+                                    { label: "Custom Orders", href: "/#contact" },
                                ],
                            },
                            {
                                title: "Company",                                items: [
-                                    { label: "About Us", href: "/#about" }
+                                    { label: "About Us", href: "/#about" },
+                                    { label: "Contact", href: "/#contact" },
                                ],
                            },
                            {
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,9 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
+import { Shield, Users } from 'lucide-react';

 export default function LandingPage() {
  return (
@@ -27,8 +31,11 @@ export default function LandingPage() {
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/#about" },
+            { name: "Pricing", id: "/#pricing" },
            { name: "Shop", id: "/shop" },
-            { name: "Testimonials", id: "/#testimonials" }
+            { name: "Team", id: "/#team" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Contact", id: "/#contact" }
          ]}
          brandName="Angola"
          bottomLeftText="Experience the Beauty"
@@ -64,13 +71,37 @@ export default function LandingPage() {
            "At Angola, we believe in the power of flowers to express emotions, celebrate milestones, and create unforgettable memories. Our studio is dedicated to sourcing the freshest, most beautiful blooms and transforming them into stunning works of art.",            "Every arrangement is crafted with meticulous care and a keen eye for design, ensuring that each bouquet tells its own unique story. We pour our heart into every petal, bringing beauty and elegance to your world."]}
          buttons={[
            { text: "Meet Our Team", href: "#team" },
-            { text: "Shop Now", href: "/shop" },
+            { text: "Contact Us", href: "/#contact" },
          ]}
          useInvertedBackground={false}
          showBorder={false}
        />
      </div>

+      <div id="pricing" data-section="pricing">
+        <PricingCardOne
+          title="Choose Your Perfect Plan"
+          description="Unlock the full potential with our flexible pricing options."
+          plans={[
+            {
+              id: "1",              badge: "Basic",              badgeIcon: Shield,
+              price: "$19/mo",              subtitle: "Perfect for individuals",              features: ["5 Users", "50GB Storage", "Email Support"],
+            },
+            {
+              id: "2",              badge: "Pro",              badgeIcon: Shield,
+              price: "$49/mo",              subtitle: "Ideal for small teams",              features: ["20 Users", "200GB Storage", "Priority Support"],
+            },
+            {
+              id: "3",              badge: "Enterprise",              badgeIcon: Shield,
+              price: "$99/mo",              subtitle: "For growing businesses",              features: ["Unlimited Users", "1TB Storage", "24/7 Support"],
+            },
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Floral Collections"
@@ -108,6 +139,51 @@ export default function LandingPage() {
        />
      </div>

+      <div id="contact" data-section="contact">
+        <ContactSplitForm
+          title="Get in Touch with Our Floral Experts"
+          description="Have a question, special request, or need help with an order? Fill out the form below and we'll get back to you shortly."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us about your floral needs or inquiry...",            rows: 5,
+            required: true,
+          }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-hands-with-gladiolus-flower-pink-alstroemeria-with-lilac-daisy-flowers-sketchbook-with-red-stapler-paper-clips-wooden-background_141793-7805.jpg"
+          imageAlt="A florist's hands arranging flowers in a studio"
+          mediaPosition="right"
+          mediaAnimation="slide-up"
+          buttonText="Send Message"
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardOne
+          title="Meet Our Talented Team"
+          description="Dedicated to bringing your floral visions to life."
+          members={[
+            {
+              id: "1",              name: "Sarah Johnson",              role: "Founder",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-outside_23-2148135804.jpg",              imageAlt: "Portrait of Sarah Johnson"
+            },
+            {
+              id: "2",              name: "Michael Chen",              role: "Lead Designer",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-guy-posing-white-t-shirt_273609-17367.jpg",              imageAlt: "Portrait of Michael Chen"
+            },
+            {
+              id: "3",              name: "Emily White",              role: "Event Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-young-woman_23-2148737271.jpg",              imageAlt: "Portrait of Emily White"
+            },
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          tag="Our Experts"
+          tagIcon={Users}
+        />
+      </div>
+
      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=1"
@@ -117,12 +193,13 @@ export default function LandingPage() {
              title: "Shop",              items: [
                { label: "Bouquets", href: "/shop" },
                { label: "Arrangements", href: "/shop" },
-                { label: "Custom Orders", href: "/shop" },
+                { label: "Custom Orders", href: "/#contact" },
              ],
            },
            {
              title: "Company",              items: [
-                { label: "About Us", href: "/#about" }
+                { label: "About Us", href: "/#about" },
+                { label: "Contact", href: "/#contact" },
              ],
            },
            {
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -94,8 +94,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                        navItems={[
                            { name: "Home", id: "/" },
                            { name: "About", id: "/#about" },
+                            { name: "Pricing", id: "/#pricing" },
                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "/#testimonials" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                        ]}
                        brandName="Angola"
                        bottomLeftText="Experience the Beauty"
@@ -133,8 +136,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                            navItems={[
                                { name: "Home", id: "/" },
                                { name: "About", id: "/#about" },
+                                { name: "Pricing", id: "/#pricing" },
                                { name: "Shop", id: "/shop" },
-                                { name: "Testimonials", id: "/#testimonials" }
+                                { name: "Team", id: "/#team" },
+                                { name: "Testimonials", id: "/#testimonials" },
+                                { name: "Contact", id: "/#contact" }
                            ]}
                            brandName="Angola"
                            bottomLeftText="Experience the Beauty"
@@ -179,8 +185,11 @@ function ProductPageContent({ params }: ProductPageProps) {
                        navItems={[
                            { name: "Home", id: "/" },
                            { name: "About", id: "/#about" },
+                            { name: "Pricing", id: "/#pricing" },
                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "/#testimonials" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                        ]}
                        brandName="Angola"
                        bottomLeftText="Experience the Beauty"
@@ -230,9 +239,10 @@ function ProductPageContent({ params }: ProductPageProps) {
                          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=4"
                          imageAlt="Soft, blurred pastel flowers in a tranquil setting"
                          columns={[
-                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/shop" }] },
+                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
                             { title: "Company", items: [
-                              { label: "About Us", href: "/#about" }
+                              { label: "About Us", href: "/#about" },
+                              { label: "Contact", href: "/#contact" }
                             ] },
                             { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
                          ]}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -37,8 +37,11 @@ function ShopPageContent() {
                        navItems={[
                            { name: "Home", id: "/" },
                            { name: "About", id: "/#about" },
+                            { name: "Pricing", id: "/#pricing" },
                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "/#testimonials" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                        ]}
                        brandName="Angola"
                        bottomLeftText="Experience the Beauty"
@@ -75,8 +78,11 @@ function ShopPageContent() {
                        navItems={[
                            { name: "Home", id: "/" },
                            { name: "About", id: "/#about" },
+                            { name: "Pricing", id: "/#pricing" },
                            { name: "Shop", id: "/shop" },
-                            { name: "Testimonials", id: "/#testimonials" }
+                            { name: "Team", id: "/#team" },
+                            { name: "Testimonials", id: "/#testimonials" },
+                            { name: "Contact", id: "/#contact" }
                        ]}
                        brandName="Angola"
                        bottomLeftText="Experience the Beauty"
@@ -101,9 +107,10 @@ function ShopPageContent() {
                          imageSrc="http://img.b2bpic.net/free-photo/beautiful-decoration-cute-little-dried-colorful-flowers-wallpaper_343596-3238.jpg?_wi=3"
                          imageAlt="Soft, blurred pastel flowers in a tranquil setting"
                          columns={[
-                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/shop" }] },
+                             { title: "Shop", items: [{ label: "Bouquets", href: "/shop" }, { label: "Arrangements", href: "/shop" }, { label: "Custom Orders", href: "/#contact" }] },
                             { title: "Company", items: [
-                              { label: "About Us", href: "/#about" }
+                              { label: "About Us", href: "/#about" },
+                              { label: "Contact", href: "/#contact" }
                             ] },
                             { title: "Connect", items: [{ label: "Instagram", href: "https://instagram.com/angola_flowers" }, { label: "Facebook", href: "https://facebook.com/angola_flowers" }] }
                          ]}
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -2,23 +2,23 @@
  /* Base units */
  /* --vw is set by ThemeProvider */

-  /* --background: #fbfcfb;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #28a745;;
-  --secondary-cta: #007bff;;
-  --accent: #8bc7ff;;
-  --background-accent: #e6fae6;; */
+  /* --background: #f5faff;;
+  --card: #f1f8ff;;
+  --foreground: #001122;;
+  --primary-cta: #0a7039;;
+  --secondary-cta: #ffffff;;
+  --accent: #15479c;;
+  --background-accent: #a8cce8;; */

-  --background: #fbfcfb;;
-  --card: #ffffff;;
-  --foreground: #1c1c1c;;
-  --primary-cta: #28a745;;
-  --primary-cta-text: #ffffff;;
-  --secondary-cta: #007bff;;
-  --secondary-cta-text: #ffffff;;
-  --accent: #8bc7ff;;
-  --background-accent: #e6fae6;;
+  --background: #f5faff;;
+  --card: #f1f8ff;;
+  --foreground: #001122;;
+  --primary-cta: #0a7039;;
+  --primary-cta-text: #f5faff;;
+  --secondary-cta: #ffffff;;
+  --secondary-cta-text: #001122;;
+  --accent: #15479c;;
+  --background-accent: #a8cce8;;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	ee5fca0b8e	Update src/app/styles/variables.css	2026-02-25 17:20:33 +00:00
bender	a77fde0805	Update src/app/shop/page.tsx	2026-02-25 17:20:32 +00:00
bender	901b1a2547	Update src/app/shop/[id]/page.tsx	2026-02-25 17:20:32 +00:00
bender	8f6ccbd5a2	Update src/app/page.tsx	2026-02-25 17:20:31 +00:00
bender	1b1b7d6798	Update src/app/blog/page.tsx	2026-02-25 17:20:30 +00:00
bender	dbffcf6359	Switch to version 3: modified src/app/styles/variables.css	2026-02-25 17:18:32 +00:00
bender	cbbe4127e8	Switch to version 4: modified src/app/shop/page.tsx	2026-02-25 17:17:51 +00:00
bender	bf2bbec14d	Switch to version 4: modified src/app/shop/[id]/page.tsx	2026-02-25 17:17:50 +00:00
bender	2ccef35cdf	Switch to version 4: modified src/app/page.tsx	2026-02-25 17:17:49 +00:00
bender	a8e8f6ecfe	Switch to version 4: modified src/app/blog/page.tsx	2026-02-25 17:17:49 +00:00
bender	373d7536ef	Switch to version 5: modified src/app/styles/variables.css	2026-02-25 17:15:52 +00:00
bender	ea3e6865e5	Switch to version 5: modified src/app/shop/page.tsx	2026-02-25 17:15:51 +00:00
bender	6878e24c8f	Switch to version 5: modified src/app/shop/[id]/page.tsx	2026-02-25 17:15:50 +00:00
bender	02e38dd3fe	Switch to version 5: modified src/app/page.tsx	2026-02-25 17:15:49 +00:00
bender	374b8642da	Switch to version 5: modified src/app/layout.tsx	2026-02-25 17:15:48 +00:00
bender	1989243ef4	Switch to version 5: modified src/app/blog/page.tsx	2026-02-25 17:15:47 +00:00
bender	b5a4e12537	Merge version_6 into main Merge version_6 into main	2026-02-25 16:45:04 +00:00
bender	f9ec5b10e6	Update src/app/styles/variables.css	2026-02-25 16:44:59 +00:00
bender	9861ff09e8	Update src/app/shop/page.tsx	2026-02-25 16:44:59 +00:00
bender	93864fdce4	Update src/app/shop/[id]/page.tsx	2026-02-25 16:44:58 +00:00
bender	f338c9002a	Update src/app/page.tsx	2026-02-25 16:44:57 +00:00
bender	8321e07137	Update src/app/layout.tsx	2026-02-25 16:44:56 +00:00
bender	5f344b2bbf	Update src/app/blog/page.tsx	2026-02-25 16:44:55 +00:00
bender	286bea2148	Switch to version 3: modified src/app/styles/variables.css	2026-02-25 16:42:25 +00:00
bender	f1340d3189	Switch to version 4: modified src/app/shop/page.tsx	2026-02-25 16:41:03 +00:00
bender	f19f142c23	Switch to version 4: modified src/app/shop/[id]/page.tsx	2026-02-25 16:41:02 +00:00
bender	1fcea0bd96	Switch to version 4: modified src/app/page.tsx	2026-02-25 16:41:01 +00:00
bender	2362d714d8	Switch to version 4: modified src/app/blog/page.tsx	2026-02-25 16:41:00 +00:00
bender	e87dcd8cc5	Merge version_5 into main Merge version_5 into main	2026-02-25 16:39:37 +00:00